/* @qiling-design-surface-bridge */
.qiling-module-scope-about_me_card .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-about_me_card .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-about_me_card .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-about_me_card .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-about_me_card .features-tab-btn .tab-icon,
.qiling-module-scope-about_me_card .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-about_me_card .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-about_me_card .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-about_me_card .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-about_me_card .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-about_me_card .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-about_me_card .features-tabs-content {
  position: relative;
}.qiling-module-scope-about_me_card .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-about_me_card .features-tab-pane.active {
  display: block;
}.qiling-module-scope-about_me_card .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-about_me_card .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-about_me_card .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-about_me_card .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-about_me_card .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-about_me_card .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-about_me_card .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-about_me_card .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-about_me_card .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-about_me_card .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-about_me_card .features-grid-2,
.qiling-module-scope-about_me_card .features-grid-3,
.qiling-module-scope-about_me_card .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-about_me_card /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-about_me_card .module-decor.d-left {
  left: 0;
}.qiling-module-scope-about_me_card .module-decor.d-right {
  right: 0;
}.qiling-module-scope-about_me_card .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-about_me_card /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-about_me_card .module-decor svg path,
.qiling-module-scope-about_me_card .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-about_me_card /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-about_me_card .module-decor {
    display: none !important;
  }}.qiling-module-scope-about_me_card .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-about_me_card .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-about_me_card .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-about_me_card .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-about_me_card .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-about_me_card /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-about_me_card .ql-travel-cols-2,
.qiling-module-scope-about_me_card .ql-travel-cols-3,
.qiling-module-scope-about_me_card .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-about_me_card .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-about_me_card /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-about_me_card /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-about_me_card .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-about_me_card .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-about_me_card .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-about_me_card .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-about_me_card .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-about_me_card .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-about_me_card /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-about_me_card /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-about_me_card /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-about_me_card [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-about_me_card .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-about_me_card /* ===== 关于我卡片 (about_me_card) ===== */

.module-about-me-card .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qil-about-card-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-30);
  color: var(--qil-about-text);
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-head {
  display: flex;
  gap: var(--qiling-space-20);
  align-items: center;
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-avatar-wrap {
  flex-shrink: 0;
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-avatar {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid rgba(var(--color-primary-rgb), 0.2);
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-avatar.is-fallback {
  display: grid;
  place-items: center;
  font-size: var(--qiling-text-rem-1p6);
  font-weight: 700;
  background: linear-gradient(
    135deg,
    rgba(var(--color-primary-rgb), 0.95),
    rgba(var(--color-info-rgb), 0.95)
  );
  color: var(--color-text-inverse);
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-name {
  margin: 0;
  font-size: var(--qiling-text-rem-1p38);
  line-height: 1.3;
  color: var(--qil-about-text);
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-role {
  margin: var(--qiling-space-6) 0 0;
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p92);
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-intro {
  margin: var(--qiling-space-10) 0 0;
  color: var(--color-text-muted);
  line-height: 1.75;
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-now {
  margin-top: var(--qiling-space-18);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qiling-space-8) var(--qiling-space-10);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.04) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-surface-alt-bg, rgba(var(--color-primary-rgb), 0.08));
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: calc(var(--qiling-card-radius) - 8px);
  padding: var(--qiling-space-12) var(--qiling-space-14);
  box-shadow: inset 0 1px 0 rgba(var(--color-surface-rgb), 0.24);
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-now-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--qiling-space-4) var(--qiling-space-10);
  border-radius: 999px;
  background: var(--qiling-component-badge-bg);
  border: 1px solid var(--qiling-color-transparent);
  color: var(--qiling-component-badge-text);
  font-size: var(--qiling-text-rem-0p76);
  font-weight: 700;
  letter-spacing: var(--qiling-tracking-em-0p02);
  margin-right: 0;
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-now-text {
  color: var(--qil-about-text);
  font-weight: 600;
  line-height: 1.6;
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-meta {
  margin-top: var(--qiling-space-16);
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-10) var(--qiling-space-14);
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-meta-item {
  color: var(--color-text-muted);
  text-decoration: none;
  font-size: var(--qiling-text-rem-0p9);
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-meta-item:hover {
  color: var(--qil-about-accent);
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-socials {
  margin-top: var(--qiling-space-18);
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-10);
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-social {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-6);
  text-decoration: none;
  border: 1px solid var(--qiling-component-post-card-border);
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
  border-radius: 999px;
  padding: var(--qiling-space-8) var(--qiling-space-13);
  color: var(--qil-about-text);
  font-size: var(--qiling-text-rem-0p88);
  transition: all 0.2s ease;
}.qiling-module-scope-about_me_card .module-about-me-card .qil-about-social:hover {
  border-color: rgba(var(--color-primary-rgb), 0.25);
  background: var(--qiling-component-button-bg, var(--qiling-button-bg, var(--color-primary)));
  color: var(--qiling-page-accent-contrast, var(--qiling-component-button-text, #ffffff));
  transform: translateY(-1px);
}html.dark-mode .qiling-module-scope-about_me_card .module-about-me-card .qil-about-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      var(--qiling-color-rgba-15-23-42-0) 100%
    ),
    var(
      --qil-about-card-bg,
      var(--qiling-component-card-bg-dark, var(--color-neutral-800))
    );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
}html.dark-mode .qiling-module-scope-about_me_card .module-about-me-card .qil-about-role,
html.dark-mode .qiling-module-scope-about_me_card .module-about-me-card .qil-about-intro,
html.dark-mode .qiling-module-scope-about_me_card .module-about-me-card .qil-about-meta-item {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-about_me_card .module-about-me-card .qil-about-now {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      var(--qiling-color-rgba-15-23-42-0) 100%
    ),
    var(
      --qiling-component-surface-alt-bg,
      var(--qiling-color-rgba-30-41-59-072)
    );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
  box-shadow: none;
}html.dark-mode .qiling-module-scope-about_me_card .module-about-me-card .qil-about-now-text {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-about_me_card .module-about-me-card .qil-about-social {
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
  background: var(--qiling-color-rgba-30-41-59-078);
}@media (max-width: 767px){.qiling-module-scope-about_me_card .module-about-me-card .qil-about-card {
    padding: var(--qiling-space-20);
  }.qiling-module-scope-about_me_card .module-about-me-card .qil-about-head {
    align-items: flex-start;
  }.qiling-module-scope-about_me_card .module-about-me-card .qil-about-avatar {
    width: 78px;
    height: 78px;
  }
}

.qiling-module-scope-accordion .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-accordion .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-accordion .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-accordion .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-accordion .features-tab-btn .tab-icon,
.qiling-module-scope-accordion .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-accordion .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-accordion .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-accordion .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-accordion .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-accordion .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-accordion .features-tabs-content {
  position: relative;
}.qiling-module-scope-accordion .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-accordion .features-tab-pane.active {
  display: block;
}.qiling-module-scope-accordion .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-accordion .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-accordion .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-accordion .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-accordion .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-accordion .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-accordion .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-accordion .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-accordion .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-accordion .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-accordion .features-grid-2,
.qiling-module-scope-accordion .features-grid-3,
.qiling-module-scope-accordion .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-accordion /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-accordion .module-decor.d-left {
  left: 0;
}.qiling-module-scope-accordion .module-decor.d-right {
  right: 0;
}.qiling-module-scope-accordion .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-accordion /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-accordion .module-decor svg path,
.qiling-module-scope-accordion .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-accordion /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-accordion .module-decor {
    display: none !important;
  }}.qiling-module-scope-accordion .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-accordion .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-accordion .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-accordion .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-accordion .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-accordion /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-accordion .ql-travel-cols-2,
.qiling-module-scope-accordion .ql-travel-cols-3,
.qiling-module-scope-accordion .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-accordion .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-accordion /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-accordion /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-accordion .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-accordion .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-accordion .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-accordion .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-accordion .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-accordion .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-accordion /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-accordion /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-accordion /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-accordion [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-accordion .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-accordion .module-accordion {
  position: relative;
  overflow: hidden;
}.qiling-module-scope-accordion .module-accordion .module-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-component-card-bg-dark, var(--color-heading));
  z-index: 1;
}.qiling-module-scope-accordion .module-accordion .container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-accordion .module-accordion .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-accordion .accordion-wrapper {
  max-width: var(--qiling-measure-860);
  margin: 0 auto;
}.qiling-module-scope-accordion .accordion-item {
  margin-bottom: var(--qiling-space-16);
  overflow: hidden;
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}.qiling-module-scope-accordion /* 默认样式 (Default Style) */
.module-accordion.module-accordion .accordion-style-default .accordion-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-accordion /* 边框样式 (Bordered Style) */
.module-accordion.module-accordion .accordion-style-bordered .accordion-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
}.qiling-module-scope-accordion .module-accordion.module-accordion
  .accordion-style-default
  .accordion-item:hover,
.qiling-module-scope-accordion .module-accordion.module-accordion
  .accordion-style-bordered
  .accordion-item:hover {
  transform: translateY(-4px);
  border-color: var(--f-card-hover-border, rgba(var(--color-primary-rgb), 0.18));
}.qiling-module-scope-accordion /* 极简样式 (Minimal Style) */
.module-accordion .accordion-style-minimal .accordion-item {
  background: var(--qiling-color-transparent);
  border-bottom: 1px solid var(--qiling-component-card-border);
  border-radius: 0;
  margin-bottom: 0;
}.qiling-module-scope-accordion .module-accordion .accordion-style-minimal .accordion-item:last-child {
  border-bottom: none;
}.qiling-module-scope-accordion /* 头部 (Header) */
.module-accordion .accordion-header {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-14);
  padding: var(--qiling-space-22) var(--qiling-space-24);
  cursor: pointer;
  user-select: none;
  transition: all 0.3s;
}.qiling-module-scope-accordion .module-accordion .accordion-style-minimal .accordion-header {
  padding: var(--qiling-space-20) 0;
}.qiling-module-scope-accordion .module-accordion .accordion-style-default .accordion-header:hover,
.qiling-module-scope-accordion .module-accordion .accordion-style-bordered .accordion-header:hover {
  background: rgba(var(--color-primary-rgb), 0.04);
}.qiling-module-scope-accordion .module-accordion .accordion-style-minimal .accordion-header:hover {
  background: var(--qiling-color-transparent);
}.qiling-module-scope-accordion .module-accordion .accordion-title {
  flex: 1;
  font-weight: 700;
  font-size: var(--qiling-text-rem-1p08);
  line-height: 1.5;
  color: var(--qiling-component-accordion-title, var(--color-heading));
  padding-right: 0;
}.qiling-module-scope-accordion .module-accordion .accordion-header-icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--qiling-text-rem-1p2);
  margin-right: 0;
  border-radius: 12px;
  background: rgba(var(--color-primary-rgb), 0.08);
  color: var(--color-primary);
  flex-shrink: 0;
}.qiling-module-scope-accordion /* 切换图标 (Toggle Icon) */
.module-accordion .accordion-toggle-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(var(--color-primary-rgb), 0.08);
  color: var(--color-primary);
  transition: all 0.3s;
  font-size: var(--qiling-text-rem-1p2);
  flex-shrink: 0;
}.qiling-module-scope-accordion .module-accordion .accordion-item.active .accordion-toggle-icon {
  background: rgba(var(--color-primary-rgb), 0.14);
  color: var(--color-primary);
  transform: rotate(180deg);
}.qiling-module-scope-accordion /* 内容 (Content) */
.module-accordion .accordion-content {
  padding: 0 var(--qiling-space-24);
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.3s ease,
    padding 0.3s ease;
}.qiling-module-scope-accordion .module-accordion .accordion-style-minimal .accordion-content {
  padding: 0;
}.qiling-module-scope-accordion .module-accordion .accordion-item.active .accordion-content {
  padding-bottom: var(--qiling-space-24);
}.qiling-module-scope-accordion .module-accordion .accordion-inner {
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p96);
  line-height: 1.72;
}.qiling-module-scope-accordion /* 暗黑模式 (Dark Mode) */
html.dark-mode
  .module-accordion.module-accordion
  .accordion-style-default
  .accordion-item,
.qiling-module-scope-accordion html.dark-mode
  .module-accordion.module-accordion
  .accordion-style-bordered
  .accordion-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-accordion .module-accordion .accordion-style-minimal .accordion-item {
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-accordion .module-accordion .accordion-title {
  color: var(--qiling-component-accordion-title, var(--color-heading));
}html.dark-mode .qiling-module-scope-accordion .module-accordion .accordion-style-default .accordion-header:hover,
html.dark-mode .qiling-module-scope-accordion .module-accordion .accordion-style-bordered .accordion-header:hover {
  background: rgba(var(--color-primary-rgb), 0.08);
}html.dark-mode .qiling-module-scope-accordion .module-accordion .accordion-toggle-icon {
  background: rgba(var(--color-primary-rgb), 0.14);
  color: var(--qiling-component-tabs-active-text);
}html.dark-mode .qiling-module-scope-accordion .module-accordion .accordion-item.active .accordion-toggle-icon {
  background: rgba(var(--color-primary-rgb), 0.24);
  color: var(--qiling-component-tabs-active-text);
}html.dark-mode .qiling-module-scope-accordion .module-accordion .accordion-inner {
  color: var(--color-text-muted);
}.qiling-module-scope-accordion /* 响应式 (Responsive) */
@media (max-width: 768px) {
  .module-accordion .accordion-header {
    padding: var(--qiling-space-15) var(--qiling-space-20);
  }

  .module-accordion .accordion-style-minimal .accordion-header {
    padding: var(--qiling-space-15) 0;
  }

  .module-accordion .accordion-title {
    font-size: var(--qiling-text-rem-1);
  }
}

.qiling-module-scope-app_hero .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-app_hero .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-app_hero .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-app_hero .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-app_hero .features-tab-btn .tab-icon,
.qiling-module-scope-app_hero .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-app_hero .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-app_hero .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-app_hero .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-app_hero .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-app_hero .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-app_hero .features-tabs-content {
  position: relative;
}.qiling-module-scope-app_hero .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-app_hero .features-tab-pane.active {
  display: block;
}.qiling-module-scope-app_hero .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-app_hero .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-app_hero .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-app_hero .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-app_hero .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-app_hero .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-app_hero .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-app_hero .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-app_hero .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-app_hero .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-app_hero .features-grid-2,
.qiling-module-scope-app_hero .features-grid-3,
.qiling-module-scope-app_hero .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-app_hero /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-app_hero .module-decor.d-left {
  left: 0;
}.qiling-module-scope-app_hero .module-decor.d-right {
  right: 0;
}.qiling-module-scope-app_hero .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-app_hero /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-app_hero .module-decor svg path,
.qiling-module-scope-app_hero .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-app_hero /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-app_hero .module-decor {
    display: none !important;
  }}.qiling-module-scope-app_hero .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-app_hero .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-app_hero .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-app_hero .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-app_hero .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-app_hero /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-app_hero .ql-travel-cols-2,
.qiling-module-scope-app_hero .ql-travel-cols-3,
.qiling-module-scope-app_hero .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-app_hero .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-app_hero /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-app_hero /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-app_hero .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-app_hero .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-app_hero .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-app_hero .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-app_hero .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-app_hero .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-app_hero /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-app_hero /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-app_hero /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-app_hero [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-app_hero .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-app_hero /* ===== 应用主视觉模块 (App Hero Module) ===== */
.module-app-hero {
  position: relative;
  overflow: hidden;
  color: var(--color-text-inverse);
  isolation: isolate;
}.qiling-module-scope-app_hero .module-app-hero .hero-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-000000);
  z-index: 1;
}.qiling-module-scope-app_hero .module-app-hero .container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-app_hero .app-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min(var(--qiling-space-vw-6), var(--qiling-space-72));
  align-items: center;
}.qiling-module-scope-app_hero /* 内容侧 (Content Side) */
.app-hero-content {
  max-width: var(--qiling-measure-620);
}.qiling-module-scope-app_hero .app-hero-content .hero-title {
  font-size: var(--qiling-text-rem-3);
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: var(--qiling-space-24);
  color: inherit;
  letter-spacing: var(--qiling-tracking-neg-em-0p02);
  max-width: var(--qiling-measure-pct-100);
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: pretty;
}.qiling-module-scope-app_hero .app-hero-content .hero-desc {
  font-size: var(--qiling-text-rem-1p125);
  line-height: 1.6;
  opacity: 0.88;
  margin-bottom: var(--qiling-space-36);
  font-weight: 400;
  max-width: 54ch;
}.qiling-module-scope-app_hero /* 按钮 (Buttons) */
.hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-18);
  align-items: center;
  margin-bottom: var(--qiling-space-40);
}.qiling-module-scope-app_hero .app-btn {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--qiling-space-12);
  flex: 0 1 auto;
  max-width: var(--qiling-measure-260);
  padding: var(--qiling-space-12) var(--qiling-space-18);
  border-radius: var(--qiling-space-18);
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  min-width: var(--qiling-measure-160);
  min-height: var(--qiling-measure-64);
  border: 1px solid var(--qiling-color-rgba-255-255-255-016);
  box-shadow: 0 18px 42px var(--qiling-color-rgba-15-23-42-022);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}.qiling-module-scope-app_hero .app-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 52px var(--qiling-color-rgba-15-23-42-028);
}.qiling-module-scope-app_hero .app-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}.qiling-module-scope-app_hero .app-btn-icon svg,
.qiling-module-scope-app_hero .app-btn-icon i {
  width: 28px;
  height: 28px;
  font-size: var(--qiling-text-28);
}.qiling-module-scope-app_hero .app-btn-icon svg {
  fill: currentColor;
}.qiling-module-scope-app_hero .app-btn-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  min-width: 0;
}.qiling-module-scope-app_hero .app-btn-text .btn-sub {
  font-size: var(--qiling-text-rem-0p7);
  text-transform: uppercase;
  opacity: 0.8;
  letter-spacing: var(--qiling-tracking-0p5);
}.qiling-module-scope-app_hero .app-btn-text .btn-main {
  font-size: var(--qiling-text-rem-1p1);
  font-weight: 700;
  overflow-wrap: anywhere;
  word-break: break-word;
}.qiling-module-scope-app_hero /* 按钮样式 (Button Styles) */
.app-btn.style-light {
  background: var(--qiling-color-rgba-255-255-255-096);
  color: var(--qiling-component-button-secondary-text, var(--color-neutral-900));
  border-color: var(--app-btn-border, var(--qiling-color-rgba-255-255-255-028));
}.qiling-module-scope-app_hero .app-btn.style-light:hover {
  border-color: var(--app-btn-hover-border, var(--app-btn-border, var(--qiling-color-rgba-255-255-255-028)));
  box-shadow: 0 20px 42px var(--qiling-color-rgba-255-255-255-024);
}.qiling-module-scope-app_hero .app-btn.style-dark {
  background: var(--qiling-color-rgba-15-23-42-088);
  color: var(--color-text-inverse);
  border-color: var(--app-btn-border, var(--qiling-color-rgba-255-255-255-012));
}.qiling-module-scope-app_hero .app-btn.style-dark:hover {
  border-color: var(--app-btn-hover-border, var(--app-btn-border, var(--qiling-color-rgba-255-255-255-012)));
  box-shadow: 0 20px 42px var(--qiling-color-rgba-15-23-42-038);
  background: var(--qiling-color-rgba-15-23-42-096);
}.qiling-module-scope-app_hero .app-btn.style-outline {
  background: var(--qiling-color-rgba-255-255-255-008);
  color: var(--color-text-inverse);
  border: 1px solid var(--app-btn-border, var(--qiling-color-rgba-255-255-255-024));
}.qiling-module-scope-app_hero .app-btn.style-outline:hover {
  background: var(--qiling-color-rgba-255-255-255-094);
  color: var(--color-neutral-900);
  border-color: var(--app-btn-hover-border, var(--app-btn-border, var(--qiling-color-rgba-255-255-255-03)));
}.qiling-module-scope-app_hero /* 二维码卡片 (QR Card) */
.hero-qr-card {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qiling-space-24);
  background: linear-gradient(
    135deg,
    var(--qiling-color-rgba-255-255-255-018) 0%,
    var(--qiling-color-rgba-255-255-255-008) 100%
  );
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid var(--qiling-color-rgba-255-255-255-022);
  border-radius: 24px;
  padding: var(--qiling-space-22);
  box-shadow: 0 24px 54px var(--qiling-color-rgba-15-23-42-018);
  width: 100%;
  max-width: var(--qiling-measure-450);
}.qiling-module-scope-app_hero .qr-card-info {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-16);
  flex: 1;
  min-width: 0;
}.qiling-module-scope-app_hero .qr-icon-wrap {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--qiling-color-rgba-255-255-255-016);
  border-radius: 16px;
  border: 1px solid var(--qiling-color-rgba-255-255-255-02);
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-24);
  box-shadow: inset 0 1px 0 var(--qiling-color-rgba-255-255-255-014);
}.qiling-module-scope-app_hero .qr-text-wrap {
  display: flex;
  flex-direction: column;
}.qiling-module-scope-app_hero .qr-sub {
  font-size: var(--qiling-text-rem-0p7);
  opacity: 0.7;
  letter-spacing: var(--qiling-tracking-1);
  text-transform: uppercase;
  margin-bottom: var(--qiling-space-4);
  display: block;
}.qiling-module-scope-app_hero .qr-title {
  font-size: var(--qiling-text-rem-1p1);
  font-weight: 700;
  margin: 0 0 var(--qiling-space-2);
  color: var(--color-text-inverse);
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: pretty;
}.qiling-module-scope-app_hero .qr-desc {
  font-size: var(--qiling-text-rem-0p85);
  opacity: 0.8;
  margin: 0;
  max-width: 26ch;
}.qiling-module-scope-app_hero .qr-code-img {
  width: 80px;
  height: 80px;
  background: var(--qiling-color-rgba-255-255-255-096);
  padding: var(--qiling-space-4);
  border-radius: 18px;
  flex-shrink: 0;
  box-shadow: 0 14px 28px var(--qiling-color-rgba-15-23-42-014);
}.qiling-module-scope-app_hero .qr-code-img img {
  width: 100%;
  height: 100%;
  display: block;
}.qiling-module-scope-app_hero /* 媒体侧 (Media Side) */
.app-hero-media {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 1000px;
}.qiling-module-scope-app_hero .media-wrapper {
  position: relative;
  z-index: 2;
  transform-style: preserve-3d;
  width: 100%;
  max-width: var(--qiling-measure-560);
}.qiling-module-scope-app_hero .media-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 132%;
  height: 132%;
  background: radial-gradient(
    circle,
    var(--qiling-color-rgba-255-255-255-02) 0%,
    var(--qiling-color-rgba-96-165-250-018) 34%,
    var(--qiling-color-rgba-255-255-255-0) 74%
  );
  filter: blur(56px);
  z-index: -1;
  pointer-events: none;
}.qiling-module-scope-app_hero .device-mockup {
  position: relative;
  z-index: 2;
  transform: rotateY(-10deg) rotateX(5deg);
  transition: transform 0.5s ease;
  animation: heroFloat 6s ease-in-out infinite;
  padding: var(--qiling-space-18);
  border-radius: 36px;
  background: linear-gradient(
    180deg,
    var(--qiling-color-rgba-255-255-255-024) 0%,
    var(--qiling-color-rgba-255-255-255-006) 100%
  );
  border: 1px solid var(--qiling-color-rgba-255-255-255-022);
  box-shadow: 0 30px 70px var(--qiling-color-rgba-15-23-42-03);
}.qiling-module-scope-app_hero .device-mockup:hover {
  transform: rotateY(0) rotateX(0);
}.qiling-module-scope-app_hero .device-mockup img,
.qiling-module-scope-app_hero .device-mockup video {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
  border-radius: 26px;
  border: 1px solid var(--qiling-color-rgba-255-255-255-016);
  box-shadow: 0 25px 50px -12px var(--qiling-color-rgba-0-0-0-05);
}.qiling-module-scope-app_hero .floating-badge {
  position: absolute;
  background: var(--qiling-color-rgba-255-255-255-09);
  border-radius: 50%;
  box-shadow: 0 10px 20px var(--qiling-color-rgba-0-0-0-01);
  animation: heroFloat 5s ease-in-out infinite reverse;
}.qiling-module-scope-app_hero /* 动画 (Animations) */
@keyframes heroFloat {
  0%,
  100% {
    transform: translateY(0) rotateY(-10deg);
  }

  50% {
    transform: translateY(-20px) rotateY(-10deg);
  }
}.qiling-module-scope-app_hero /* 响应式 (Responsive) */
@media (max-width: 992px) {
  .app-hero-grid {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-40);
    text-align: center;
  }

  .app-hero-content {
    max-width: var(--qiling-measure-pct-100);
    margin: 0 auto;
  }

  .hero-buttons {
    justify-content: center;
  }

  .hero-qr-card {
    margin: 0 auto;
    text-align: left;
  }

  .app-hero-media {
    margin-top: var(--qiling-space-20);
  }

  .device-mockup {
    transform: none;
    /* 在移动端简化 (Simplify on mobile) */
    animation: none;
  }
}@media (max-width: 576px){.qiling-module-scope-app_hero .hero-title {
    font-size: var(--qiling-text-rem-2p2) !important;
  }.qiling-module-scope-app_hero .app-btn {
    width: 100%;
    justify-content: center;
  }.qiling-module-scope-app_hero .hero-qr-card {
    flex-direction: column;
    gap: var(--qiling-space-20);
    text-align: center;
  }.qiling-module-scope-app_hero .qr-card-info {
    flex-direction: column;
  }.qiling-module-scope-app_hero .qr-text-wrap {
    align-items: center;
  }
}.qiling-module-scope-app_hero /* 暗黑模式适配 - 如果模块未设置背景（透明），则适配文字 (Dark Mode Adaptation - If module has no background set, adapt text) */
html.dark-mode .module-app-hero:not([style*="background"]) .hero-title,
html.dark-mode .qiling-module-scope-app_hero .module-app-hero:not([style*="background"]) .hero-desc {
  color: var(--color-text-inverse);
  /* 如果主视觉通常为深色，则保留反色文字，或进行适配 (Keep inverse text if hero is usually dark, or adapt) */
}.qiling-module-scope-app_hero /* Note: usually Hero sections have their own backgrounds,
.qiling-module-scope-app_hero so text color inherits from that. 
   The default style assumes a dark/gradient background with inverse text. */

/* 悬浮徽章 (Floating Badges App Hero) */
.module-app-hero .floating-badge {
  position: absolute;
  display: flex;
  align-items: center;
  gap: var(--qiling-space-12);
  background: var(--qiling-color-rgba-255-255-255-094);
  padding: var(--qiling-space-12) var(--qiling-space-16);
  border-radius: var(--qiling-space-20);
  border: 1px solid var(--qiling-color-rgba-226-232-240-09);
  box-shadow: 0 22px 46px var(--qiling-color-rgba-15-23-42-015);
  z-index: 5;
  min-width: 0;
  max-width: min(var(--qiling-measure-260), var(--qiling-measure-pct-90));
  transition: transform 0.3s ease;
  animation: floatBadge 4s ease-in-out infinite;
}.qiling-module-scope-app_hero .module-app-hero .floating-badge .float-icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--color-primary-rgb), 0.1);
  border-radius: 14px;
  color: var(--color-primary);
  flex-shrink: 0;
}.qiling-module-scope-app_hero .module-app-hero .floating-badge .float-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  border-radius: 0;
  box-shadow: none;
  /* 重置主图阴影 (Reset hero img shadow) */
}.qiling-module-scope-app_hero .module-app-hero .floating-badge .float-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}.qiling-module-scope-app_hero .module-app-hero .floating-badge .float-title {
  font-size: var(--qiling-text-rem-0p9);
  font-weight: 700;
  color: var(--color-neutral-900);
  line-height: 1.2;
  overflow-wrap: anywhere;
}.qiling-module-scope-app_hero .module-app-hero .floating-badge .float-desc {
  font-size: var(--qiling-text-rem-0p75);
  color: var(--color-text-muted);
  margin-top: var(--qiling-space-2);
  line-height: 1.35;
  overflow-wrap: anywhere;
}.qiling-module-scope-app_hero /* 位置 (Positions) */
.module-app-hero .floating-badge.pos-top-left {
  top: 10%;
  left: 0;
  animation-delay: 0s;
}.qiling-module-scope-app_hero .module-app-hero .floating-badge.pos-top-right {
  top: 15%;
  right: 0;
  animation-delay: 1.5s;
}.qiling-module-scope-app_hero .module-app-hero .floating-badge.pos-center-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  animation: floatBadgeVertical 5s ease-in-out infinite;
  animation-delay: 0.5s;
}.qiling-module-scope-app_hero .module-app-hero .floating-badge.pos-center-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  animation: floatBadgeVertical 5s ease-in-out infinite;
  animation-delay: 2s;
}.qiling-module-scope-app_hero .module-app-hero .floating-badge.pos-bottom-left {
  bottom: 20%;
  left: 0;
  animation-delay: 1s;
}.qiling-module-scope-app_hero .module-app-hero .floating-badge.pos-bottom-right {
  bottom: 25%;
  right: 0;
  animation-delay: 2.5s;
}.qiling-module-scope-app_hero /* 特定的徽章动画 (Specific Badge Animations) */
@keyframes floatBadge {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

@keyframes floatBadgeVertical {
  0%,
  100% {
    transform: translate(0, -50%);
  }

  50% {
    transform: translate(0, calc(-50% - 10px));
  }
}.qiling-module-scope-app_hero /* 移动端：如果过于拥挤则调整或隐藏悬浮徽章 (Mobile: Adjust or hide floating badges if too crowded) */
@media (max-width: 576px) {
  .module-app-hero .floating-badge {
    transform: scale(0.8) !important;
    /* 缩小缩放 (Scale down) */
    animation: none !important;
    /* 特定的动画可能重叠 (specific animation might overlap) */
  }

  .module-app-hero .floating-badge.pos-top-left {
    left: 0;
    top: 0;
  }

  .module-app-hero .floating-badge.pos-top-right {
    right: 0;
    top: 5%;
  }

  .module-app-hero .floating-badge.pos-center-left {
    display: none;
  }

  /* 在移动端隐藏居中的部分 (Hide center ones on mobile) */
  .module-app-hero .floating-badge.pos-center-right {
    display: none;
  }

  .module-app-hero .floating-badge.pos-bottom-left {
    display: none;
  }

  .module-app-hero .floating-badge.pos-bottom-right {
    right: 0;
    bottom: 0;
  }
}html.dark-mode .qiling-module-scope-app_hero .module-app-hero .app-btn.style-light {
  background: var(--qiling-color-rgba-15-23-42-088);
  color: var(--color-text-inverse);
  border-color: var(--qiling-color-rgba-255-255-255-016);
}html.dark-mode .qiling-module-scope-app_hero .module-app-hero .hero-qr-card {
  background: linear-gradient(
    135deg,
    var(--qiling-color-rgba-15-23-42-076) 0%,
    var(--qiling-color-rgba-30-41-59-062) 100%
  );
  border-color: var(--qiling-color-neutral-400-alpha-024);
}html.dark-mode .qiling-module-scope-app_hero .module-app-hero .qr-code-img,
html.dark-mode .qiling-module-scope-app_hero .module-app-hero .floating-badge {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-color-rgba-15-23-42-092)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-color-neutral-400-alpha-018)
  );
}html.dark-mode .qiling-module-scope-app_hero .module-app-hero .floating-badge .float-title {
  color: var(--color-text-inverse);
}html.dark-mode .qiling-module-scope-app_hero .module-app-hero .floating-badge .float-desc {
  color: var(--qiling-color-rgba-255-255-255-072);
}

.qiling-module-scope-author_matrix .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-author_matrix .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-author_matrix .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-author_matrix .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-author_matrix .features-tab-btn .tab-icon,
.qiling-module-scope-author_matrix .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-author_matrix .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-author_matrix .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-author_matrix .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-author_matrix .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-author_matrix .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-author_matrix .features-tabs-content {
  position: relative;
}.qiling-module-scope-author_matrix .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-author_matrix .features-tab-pane.active {
  display: block;
}.qiling-module-scope-author_matrix .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-author_matrix .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-author_matrix .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-author_matrix .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-author_matrix .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-author_matrix .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-author_matrix .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-author_matrix .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-author_matrix .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-author_matrix .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-author_matrix .features-grid-2,
.qiling-module-scope-author_matrix .features-grid-3,
.qiling-module-scope-author_matrix .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-author_matrix /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-author_matrix .module-decor.d-left {
  left: 0;
}.qiling-module-scope-author_matrix .module-decor.d-right {
  right: 0;
}.qiling-module-scope-author_matrix .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-author_matrix /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-author_matrix .module-decor svg path,
.qiling-module-scope-author_matrix .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-author_matrix /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-author_matrix .module-decor {
    display: none !important;
  }}.qiling-module-scope-author_matrix .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-author_matrix .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-author_matrix .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-author_matrix .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-author_matrix .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-author_matrix /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-author_matrix .ql-travel-cols-2,
.qiling-module-scope-author_matrix .ql-travel-cols-3,
.qiling-module-scope-author_matrix .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-author_matrix .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-author_matrix /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-author_matrix /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-author_matrix .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-author_matrix .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-author_matrix .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-author_matrix .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-author_matrix .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-author_matrix .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-author_matrix /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-author_matrix /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-author_matrix /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-author_matrix [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-author_matrix .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-author_matrix /* ===== 作者矩阵 (author_matrix) ===== */

.module-author-matrix .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-author_matrix .module-author-matrix .am-grid {
  display: grid;
  gap: var(--qiling-space-28);
}.qiling-module-scope-author_matrix .module-author-matrix .am-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-author_matrix .module-author-matrix .am-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-author_matrix .module-author-matrix .am-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}.qiling-module-scope-author_matrix .module-author-matrix .am-card {
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-24) var(--qiling-space-20) var(--qiling-space-20);
  text-align: center;
  position: relative;
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}.qiling-module-scope-author_matrix .module-author-matrix .am-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.18);
}.qiling-module-scope-author_matrix .module-author-matrix .am-rank {
  position: absolute;
  top: 14px;
  left: 14px;
  font-size: var(--qiling-text-rem-0p76);
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border-radius: 999px;
  padding: var(--qiling-space-4) var(--qiling-space-10);
  font-weight: 700;
}.qiling-module-scope-author_matrix .module-author-matrix .am-avatar-link {
  display: inline-flex;
  margin-bottom: var(--qiling-space-14);
}.qiling-module-scope-author_matrix .module-author-matrix .am-avatar {
  width: 96px;
  height: 96px;
  border-radius: 999px;
  object-fit: cover;
  border: 3px solid rgba(var(--color-primary-rgb), 0.14);
  box-shadow: 0 12px 28px var(--qiling-color-rgba-15-23-42-012);
}.qiling-module-scope-author_matrix .module-author-matrix .am-name {
  margin: var(--qiling-space-8) 0 var(--qiling-space-10);
  font-size: var(--qiling-text-rem-1p08);
  line-height: 1.4;
}.qiling-module-scope-author_matrix .module-author-matrix .am-name a {
  color: var(--f-item-title, var(--color-heading));
  text-decoration: none;
}.qiling-module-scope-author_matrix .module-author-matrix .am-name a:hover {
  color: var(--color-primary, var(--qiling-color-4f46e5));
}.qiling-module-scope-author_matrix .module-author-matrix .am-bio {
  margin: 0 0 var(--qiling-space-10);
  color: var(--f-item-desc, var(--color-text-muted));
  font-size: var(--qiling-text-rem-0p92);
  line-height: 1.72;
  min-height: 48px;
}.qiling-module-scope-author_matrix .module-author-matrix .am-stats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-8);
  justify-content: center;
  margin: 0 0 var(--qiling-space-12);
  font-size: var(--qiling-text-rem-0p82);
  color: var(--color-text-muted);
}.qiling-module-scope-author_matrix .module-author-matrix .am-stats span {
  display: inline-flex;
  align-items: center;
  padding: var(--qiling-space-5) var(--qiling-space-10);
  border-radius: 999px;
  background: rgba(var(--color-primary-rgb), 0.06);
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
}.qiling-module-scope-author_matrix .module-author-matrix .am-latest {
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p82);
  margin-bottom: var(--qiling-space-14);
}.qiling-module-scope-author_matrix .module-author-matrix .am-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--qiling-component-button-padding);
  border-radius: var(--qiling-button-radius);
  background: var(--am-btn-bg, var(--qiling-component-button-bg));
  color: var(--am-btn-text, var(--qiling-component-button-text));
  border: 1px solid var(--am-btn-border, var(--qiling-component-button-border));
  text-decoration: none;
  font-size: var(--qiling-text-rem-0p88);
  font-weight: 600;
  box-shadow: var(--qiling-component-button-shadow);
  transition:
    transform 0.2s ease,
    opacity 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}.qiling-module-scope-author_matrix .module-author-matrix .am-btn:hover {
  transform: translateY(-2px);
  opacity: 0.96;
  background: var(--am-btn-hover-bg, var(--qiling-component-button-hover-bg));
  color: var(--am-btn-hover-text, var(--qiling-component-button-hover-text));
  border-color: var(
    --am-btn-hover-border,
    var(--qiling-component-button-hover-bg)
  );
}html.dark-mode .qiling-module-scope-author_matrix .module-author-matrix .am-card {
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-author_matrix .module-author-matrix .am-name a {
  color: var(--color-heading);
}@media (max-width: 1024px){.qiling-module-scope-author_matrix .module-author-matrix .am-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (max-width: 767px){.qiling-module-scope-author_matrix .module-author-matrix .am-cols-2,
.qiling-module-scope-author_matrix .module-author-matrix .am-cols-3,
.qiling-module-scope-author_matrix .module-author-matrix .am-cols-4 {
    grid-template-columns: 1fr;
  }
}.qiling-module-scope-author_matrix /* ===== Solid action button text contracts ===== */
/* Solid module buttons default to white text. Module fields remain the only default override. */
.module-author-matrix .am-btn { color: var(--am-btn-text, #ffffff); }.qiling-module-scope-author_matrix .module-author-matrix .am-btn:hover { color: var(--am-btn-hover-text, #ffffff); }.qiling-module-scope-author_matrix /* Final solid action text guard. Keep this block last. */
.module-author-matrix .am-btn { color: var(--am-btn-text, #ffffff); }

.qiling-module-scope-banner .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-banner .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-banner .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-banner .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-banner .features-tab-btn .tab-icon,
.qiling-module-scope-banner .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-banner .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-banner .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-banner .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-banner .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-banner .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-banner .features-tabs-content {
  position: relative;
}.qiling-module-scope-banner .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-banner .features-tab-pane.active {
  display: block;
}.qiling-module-scope-banner .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-banner .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-banner .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-banner .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-banner .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-banner .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-banner .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-banner .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-banner .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-banner .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-banner .features-grid-2,
.qiling-module-scope-banner .features-grid-3,
.qiling-module-scope-banner .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-banner /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-banner .module-decor.d-left {
  left: 0;
}.qiling-module-scope-banner .module-decor.d-right {
  right: 0;
}.qiling-module-scope-banner .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-banner /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-banner .module-decor svg path,
.qiling-module-scope-banner .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-banner /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-banner .module-decor {
    display: none !important;
  }}.qiling-module-scope-banner .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-banner .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-banner .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-banner .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-banner .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-banner /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-banner .ql-travel-cols-2,
.qiling-module-scope-banner .ql-travel-cols-3,
.qiling-module-scope-banner .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-banner .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-banner /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-banner /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-banner .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-banner .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-banner .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-banner .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-banner .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-banner .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-banner /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-banner /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-banner /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-banner [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-banner .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-banner /* ===== 首屏数据项 (banner) ===== */
.module-banner .banner-stats-bar.stats-layout-independent {
  gap: var(--qiling-banner-stats-gap, var(--qiling-space-16));
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}.qiling-module-scope-banner .module-banner .banner-stats-bar.stats-layout-independent .stat-item {
  background: var(--qiling-module-card-bg, rgba(var(--qiling-rgb-255-255-255), 0.14));
  border: 1px solid var(--qiling-module-card-border, rgba(var(--qiling-rgb-255-255-255), 0.2));
  border-radius: 12px;
  padding: var(--qiling-space-16);
  box-shadow: var(--qiling-module-card-shadow, 0 12px 30px rgba(var(--qiling-rgb-15-23-42), 0.12));
}.qiling-module-scope-banner .banner-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  z-index: 5;
  pointer-events: none;
}.qiling-module-scope-banner .banner-wave svg {
  display: block;
  width: 100%;
  height: 80px;
}@media (max-width: 768px){.qiling-module-scope-banner .banner-wave svg {
    height: 50px;
  }
}@media (max-width: 480px){.qiling-module-scope-banner .banner-wave svg {
    height: 35px;
  }
}.qiling-module-scope-banner /* 横幅图片左侧布局样式 (Banner image-left layout styles) */
.banner-flex[style*="row-reverse"] .banner-text {
  text-align: right !important;
}@media (max-width: 768px){.qiling-module-scope-banner .banner-flex[style*="row-reverse"] .banner-text {
    text-align: center !important;
  }
}.qiling-module-scope-banner /* ===== 剩余主视觉默认打磨优化 (remaining_hero_default_polish) ===== */
.module-banner {
  position: relative;
  isolation: isolate;
}.qiling-module-scope-banner .module-banner .banner-content {
  width: min(100%, 860px);
}.qiling-module-scope-banner .module-banner .banner-title {
  max-width: var(--qiling-measure-pct-100);
  margin-left: 0;
  margin-right: 0;
  letter-spacing: var(--qiling-tracking-neg-em-0p03);
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: pretty;
}.qiling-module-scope-banner .module-banner .banner-subtitle {
  max-width: 54ch;
  margin-left: auto;
  margin-right: auto;
}.qiling-module-scope-banner .module-banner .banner-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--qiling-space-14);
}.qiling-module-scope-banner .module-banner .banner-buttons .banner-cta-btn,
.qiling-module-scope-banner .module-banner .banner-text .banner-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 var(--qiling-space-24);
  border-radius: 999px;
  border: 1px solid var(--qiling-color-rgba-255-255-255-018);
  box-shadow: 0 22px 44px var(--qiling-color-rgba-15-23-42-02);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}.qiling-module-scope-banner .module-banner .banner-media video,
.qiling-module-scope-banner .module-banner .banner-media img,
.qiling-module-scope-banner .module-banner .banner-it-video {
  border-radius: 28px !important;
  border: 1px solid var(--qiling-color-rgba-255-255-255-02);
  box-shadow: 0 30px 70px var(--qiling-color-rgba-15-23-42-024) !important;
}.qiling-module-scope-banner .module-banner .banner-stats-bar {
  border-radius: 28px;
  border: 1px solid var(--qiling-color-rgba-255-255-255-014);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 26px 56px var(--qiling-color-rgba-15-23-42-018);
}.qiling-module-scope-banner .module-banner .stat-item {
  padding: var(--qiling-space-6) 0;
}.qiling-module-scope-banner .module-banner .banner-buttons .banner-cta-btn:hover,
.qiling-module-scope-banner .module-banner .banner-text .banner-cta-btn:hover {
  box-shadow: 0 28px 58px var(--qiling-color-rgba-15-23-42-026);
}html.dark-mode .qiling-module-scope-banner .module-banner .banner-stats-bar {
  background: var(--qiling-color-rgba-15-23-42-028);
}

.qiling-module-scope-blog .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-blog .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-blog .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-blog .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-blog .features-tab-btn .tab-icon,
.qiling-module-scope-blog .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-blog .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-blog .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-blog .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-blog .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-blog .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-blog .features-tabs-content {
  position: relative;
}.qiling-module-scope-blog .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-blog .features-tab-pane.active {
  display: block;
}.qiling-module-scope-blog .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-blog .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-blog .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-blog .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-blog .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-blog .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-blog .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-blog .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-blog .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-blog .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-blog .features-grid-2,
.qiling-module-scope-blog .features-grid-3,
.qiling-module-scope-blog .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-blog /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-blog .module-decor.d-left {
  left: 0;
}.qiling-module-scope-blog .module-decor.d-right {
  right: 0;
}.qiling-module-scope-blog .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-blog /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-blog .module-decor svg path,
.qiling-module-scope-blog .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-blog /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-blog .module-decor {
    display: none !important;
  }}.qiling-module-scope-blog .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-blog .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-blog .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-blog .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-blog .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-blog /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-blog .ql-travel-cols-2,
.qiling-module-scope-blog .ql-travel-cols-3,
.qiling-module-scope-blog .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-blog .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-blog /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-blog /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-blog .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-blog .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-blog .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-blog .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-blog .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-blog .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-blog /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-blog /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-blog /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-blog [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-blog .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-blog /* ===== 博客布局模块 (Module Blog Layout) ===== */
.module-blog .blog-posts.blog-layout-list {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-28);
}.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-card,
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-grid {
  display: grid;
  gap: var(--qiling-space-28);
}.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-large {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-44);
}.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-blog .module-blog .section-header,
.qiling-module-scope-blog .module-blog .module-header {
  margin-bottom: var(--qiling-space-44);
}.qiling-module-scope-blog .module-blog .blog-post-item {
  background: var(--qiling-component-post-card-bg);
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
  transition: all 0.3s ease;
}.qiling-module-scope-blog .module-blog.module-blog .blog-posts .blog-post-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-primary-rgb), 0) 100%
    ),
    var(--qiling-component-post-card-bg);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}.qiling-module-scope-blog .module-blog .blog-post-item:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.16);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-blog .module-blog .blog-layout-list .blog-post-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}.qiling-module-scope-blog .module-blog .blog-layout-list .post-thumbnail {
  flex-shrink: 0;
  width: 280px;
  align-self: stretch;
  position: relative;
  overflow: hidden;
  min-height: 230px;
}.qiling-module-scope-blog .module-blog .blog-layout-list .post-thumbnail img,
.qiling-module-scope-blog .module-blog .blog-layout-list .post-thumbnail .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}.qiling-module-scope-blog .module-blog .blog-layout-list .post-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}.qiling-module-scope-blog .module-blog .blog-layout-card .blog-post-item {
  display: flex;
  flex-direction: column;
  background: var(--qiling-component-post-card-bg);
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-blog .module-blog .blog-layout-card .blog-post-item:hover {
  transform: translateY(-6px);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-blog .module-blog .blog-layout-card .post-thumbnail {
  border-radius: var(--qiling-card-radius) var(--qiling-card-radius) 0 0;
}.qiling-module-scope-blog .module-blog .blog-layout-grid .blog-post-item {
  display: flex;
  flex-direction: column;
  background: var(--qiling-component-post-card-bg);
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: none;
}.qiling-module-scope-blog .module-blog .blog-layout-grid .blog-post-item:hover {
  transform: none;
  border-color: var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-blog .module-blog .blog-layout-grid .post-content {
  padding: var(--qiling-space-16);
}.qiling-module-scope-blog .module-blog .blog-layout-grid .post-title {
  font-size: var(--qiling-text-rem-1);
}.qiling-module-scope-blog .module-blog .blog-layout-grid .post-excerpt {
  font-size: var(--qiling-text-rem-0p9);
  margin-bottom: var(--qiling-space-12);
}.qiling-module-scope-blog .module-blog .blog-layout-magazine .blog-post-item {
  grid-column: span 3;
}.qiling-module-scope-blog .module-blog .blog-layout-magazine .blog-post-item:first-child {
  grid-column: span 6;
  grid-row: span 2;
}.qiling-module-scope-blog .module-blog .blog-layout-magazine .blog-post-item:nth-child(2),
.qiling-module-scope-blog .module-blog .blog-layout-magazine .blog-post-item:nth-child(3) {
  grid-column: span 3;
}.qiling-module-scope-blog .module-blog .blog-layout-magazine .blog-post-item:nth-child(4),
.qiling-module-scope-blog .module-blog .blog-layout-magazine .blog-post-item:nth-child(5),
.qiling-module-scope-blog .module-blog .blog-layout-magazine .blog-post-item:nth-child(6) {
  grid-column: span 4;
}.qiling-module-scope-blog .module-blog .post-thumbnail {
  display: block;
  overflow: hidden;
  position: relative;
}.qiling-module-scope-blog .module-blog .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}.qiling-module-scope-blog .module-blog .blog-post-item:hover .post-thumbnail img {
  transform: scale(1.05);
}.qiling-module-scope-blog .module-blog .post-content {
  padding: var(--qiling-space-22);
  display: flex;
  flex-direction: column;
}.qiling-module-scope-blog .module-blog .post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-12);
  font-size: var(--qiling-text-rem-0p85);
  color: var(--qiling-component-post-card-meta-color);
  margin-bottom: var(--qiling-space-12);
}.qiling-module-scope-blog .module-blog .post-meta span {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-4);
}.qiling-module-scope-blog .module-blog .post-category {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border: 1px solid var(--qiling-color-transparent);
  padding: var(--qiling-space-5) var(--qiling-space-12);
  border-radius: 999px;
  font-size: var(--qiling-text-rem-0p75);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-blog .module-blog .post-title {
  margin: 0 0 var(--qiling-space-12);
  font-size: var(--qiling-text-rem-1p2);
  font-weight: 700;
  line-height: 1.45;
}.qiling-module-scope-blog .module-blog .post-title a {
  color: var(--qiling-component-post-card-title-color);
  text-decoration: none;
  transition: color 0.2s;
}.qiling-module-scope-blog .module-blog .post-title a:hover {
  color: var(--color-primary, var(--color-primary));
}.qiling-module-scope-blog .module-blog.module-blog-resource .blog-post-item.is-resource-card {
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-blog .module-blog.module-blog-resource
  .blog-post-item.is-resource-card
  .post-thumbnail::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  background: linear-gradient(
    180deg,
    rgba(var(--color-primary-rgb), 0) 0%,
    rgba(var(--color-primary-rgb), 0.22) 100%
  );
  pointer-events: none;
}.qiling-module-scope-blog .module-blog.module-blog-resource .post-resource-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-8);
  margin: var(--qiling-space-4) 0 var(--qiling-space-10);
}.qiling-module-scope-blog .module-blog.module-blog-resource .resource-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-5);
  padding: var(--qiling-space-4) var(--qiling-space-9);
  border-radius: 999px;
  font-size: var(--qiling-text-12);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid var(--qiling-color-transparent);
}.qiling-module-scope-blog .module-blog.module-blog-resource .resource-chip.resource-price {
  background: rgba(var(--color-primary-rgb), 0.11);
  color: var(--color-primary-hover);
  border-color: rgba(var(--color-primary-rgb), 0.22);
}.qiling-module-scope-blog .module-blog.module-blog-resource .resource-chip.resource-updated,
.qiling-module-scope-blog .module-blog.module-blog-resource .resource-chip.resource-downloads {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border-color: var(--qiling-color-transparent);
}.qiling-module-scope-blog .module-blog.module-blog-resource
  .blog-post-item.is-resource-free
  .resource-chip.resource-price {
  background: rgba(var(--color-success-rgb), 0.12);
  color: var(--color-success-dark);
  border-color: rgba(var(--color-success-rgb), 0.24);
}.qiling-module-scope-blog .module-blog.module-blog-resource
  .blog-post-item.is-resource-vip
  .resource-chip.resource-price {
  background: rgba(var(--color-warning-rgb), 0.14);
  color: var(--color-warning-dark);
  border-color: rgba(var(--color-warning-rgb), 0.32);
}.qiling-module-scope-blog .module-blog.module-blog-resource
  .blog-post-item.is-resource-paid
  .resource-chip.resource-price {
  background: rgba(var(--color-error-rgb), 0.12);
  color: var(--color-error-dark);
  border-color: rgba(var(--color-error-rgb), 0.28);
}.qiling-module-scope-blog .module-blog.module-blog-resource-resource_soft
  .blog-post-item.is-resource-card {
  background: linear-gradient(
    180deg,
    var(--qiling-component-post-card-bg) 0%,
    rgba(var(--color-primary-rgb), 0.03) 100%
  );
}.qiling-module-scope-blog .module-blog.module-blog-resource-resource_pro
  .blog-post-item.is-resource-card {
  background: radial-gradient(
      120% 100% at 100% 0%,
      rgba(var(--color-primary-rgb), 0.12) 0%,
      rgba(var(--color-surface-rgb), 0) 52%
    ),
    var(--qiling-component-post-card-bg);
  border-color: rgba(var(--color-primary-rgb), 0.3);
}.qiling-module-scope-blog .module-blog.module-blog-resource-resource_pro
  .blog-post-item.is-resource-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 34px rgba(var(--color-primary-rgb), 0.16);
}.qiling-module-scope-blog .module-blog .post-excerpt {
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p95);
  line-height: 1.7;
  margin-bottom: var(--qiling-space-18);
  flex: 1;
}.qiling-module-scope-blog .module-blog .post-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-6);
  margin-bottom: var(--qiling-space-14);
}.qiling-module-scope-blog .module-blog .post-tags a {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border: 1px solid var(--qiling-color-transparent);
  padding: var(--qiling-space-3) var(--qiling-space-10);
  border-radius: 999px;
  font-size: var(--qiling-text-rem-0p8);
  text-decoration: none;
  transition: all 0.2s;
}.qiling-module-scope-blog .module-blog .post-tags a:hover {
  background: var(--qiling-component-tabs-active-bg);
  color: var(--qiling-component-tabs-active-text);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-blog .module-blog .post-read-more {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  justify-content: center;
  gap: var(--qiling-space-6);
  width: auto;
  max-width: var(--qiling-measure-pct-100);
  color: var(--color-primary, var(--color-primary));
  font-weight: 500;
  text-decoration: none;
  font-size: var(--qiling-text-rem-0p9);
  line-height: 1.2;
  transition: gap 0.2s;
  margin-top: auto;
}.qiling-module-scope-blog .module-blog .post-read-more:hover {
  gap: var(--qiling-space-10);
}.qiling-module-scope-blog .module-blog .blog-sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-24);
}.qiling-module-scope-blog .module-blog .sidebar-widget {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-22);
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-blog .module-blog.module-blog .blog-posts .blog-post-item {
  background: var(
    --qiling-component-post-card-bg-dark,
    var(--qiling-component-post-card-bg)
  );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}.qiling-module-scope-blog .module-blog .widget-title {
  font-size: var(--qiling-text-rem-1p1);
  font-weight: 600;
  margin: 0 0 var(--qiling-space-16);
  padding-bottom: var(--qiling-space-12);
  border-bottom: 2px solid var(--qiling-component-card-border);
  position: relative;
}.qiling-module-scope-blog .module-blog .widget-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 40px;
  height: 2px;
  background: var(--qiling-gradient-brand);
}@media (max-width: 992px){.qiling-module-scope-blog .module-blog .blog-layout-wrapper.has-sidebar {
    grid-template-columns: 1fr !important;
  }.qiling-module-scope-blog .module-blog .blog-sidebar {
    order: 2;
  }
}@media (max-width: 768px){.qiling-module-scope-blog .module-blog .blog-layout-list .blog-post-item {
    flex-direction: column;
  }.qiling-module-scope-blog .module-blog .blog-layout-list .post-thumbnail {
    width: 100%;
    min-height: 200px;
  }.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-grid.grid-cols-3,
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-card.grid-cols-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine .blog-post-item,
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine .blog-post-item:first-child,
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine .blog-post-item:nth-child(2),
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine .blog-post-item:nth-child(3),
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine .blog-post-item:nth-child(4),
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine .blog-post-item:nth-child(5),
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine .blog-post-item:nth-child(6) {
    grid-column: span 6;
    grid-row: auto;
  }
}@media (max-width: 576px){.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-grid,
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-card {
    grid-template-columns: 1fr !important;
  }.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine .blog-post-item,
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine .blog-post-item:first-child,
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine .blog-post-item:nth-child(2),
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine .blog-post-item:nth-child(3),
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine .blog-post-item:nth-child(4),
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine .blog-post-item:nth-child(5),
.qiling-module-scope-blog .module-blog .blog-posts.blog-layout-magazine .blog-post-item:nth-child(6) {
    grid-column: 1 / -1;
  }
}.qiling-module-scope-blog .module-blog .blog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--qiling-space-8);
  margin-top: var(--qiling-space-40);
  flex-wrap: wrap;
}.qiling-module-scope-blog .module-blog .blog-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  background: var(--qiling-component-card-bg);
  color: var(--color-text-muted);
  text-decoration: none;
  border-radius: var(--qiling-button-radius);
  border: 1px solid var(--qiling-component-card-border);
  font-weight: 500;
  font-size: var(--qiling-text-14);
  transition: all 0.3s ease;
}.qiling-module-scope-blog .module-blog .blog-pagination .page-numbers:hover {
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
  color: var(--qiling-component-tabs-active-text);
}.qiling-module-scope-blog .module-blog .blog-pagination .page-numbers.current {
  background: var(--qiling-component-button-bg);
  color: var(--qiling-component-button-text);
  border-color: var(--qiling-component-button-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-blog .module-blog .blog-pagination .page-numbers.prev,
.qiling-module-scope-blog .module-blog .blog-pagination .page-numbers.next {
  gap: var(--qiling-space-6);
  padding: 0 var(--qiling-space-16);
}.qiling-module-scope-blog .module-blog .blog-pagination .page-numbers.dots {
  background: var(--qiling-color-transparent);
  border: none;
  color: var(--color-text-muted);
  min-width: auto;
  padding: 0 var(--qiling-space-4);
}.qiling-module-scope-blog .module-blog .blog-pagination .page-numbers.dots:hover {
  background: var(--qiling-color-transparent);
}.qiling-module-scope-blog .module-blog .pagination-info {
  text-align: center;
  margin-top: var(--qiling-space-16);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-14);
}html.dark-mode .qiling-module-scope-blog .module-blog .blog-pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-blog .module-blog .blog-pagination .page-numbers:hover {
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
  color: var(--qiling-component-tabs-active-text);
}html.dark-mode .qiling-module-scope-blog .module-blog .blog-pagination .page-numbers.current {
  background: var(--qiling-component-button-bg);
  color: var(--qiling-component-button-text);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-blog .module-blog .blog-pagination .page-numbers.dots {
  background: var(--qiling-color-transparent);
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-blog .module-blog .pagination-info {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-blog .module-blog {
  background: var(--dm-bg) !important;
  /* 强制模块背景为深色 (Force Module BG Dark) */
}html.dark-mode .qiling-module-scope-blog .module-blog .blog-post-item {
  background: var(
    --qiling-component-post-card-bg-dark,
    var(--qiling-component-post-card-bg)
  );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
  box-shadow: var(--qiling-component-post-card-shadow);
}html.dark-mode .qiling-module-scope-blog .module-blog .post-title a {
  color: var(--qiling-component-post-card-title-color-dark);
}html.dark-mode .qiling-module-scope-blog .module-blog .post-title a:hover {
  color: var(--color-primary, var(--color-primary));
}html.dark-mode .qiling-module-scope-blog .module-blog .post-excerpt,
html.dark-mode .qiling-module-scope-blog .module-blog .post-meta {
  color: var(--qiling-component-post-card-meta-color-dark);
}html.dark-mode .qiling-module-scope-blog .module-blog .post-tags a {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border-color: var(--qiling-color-transparent);
}html.dark-mode .qiling-module-scope-blog .module-blog .post-tags a:hover {
  background: var(--qiling-component-tabs-active-bg);
  color: var(--qiling-component-tabs-active-text);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-blog html.dark-mode
  .module-blog.module-blog-resource
  .blog-post-item.is-resource-card {
  background: var(
    --qiling-component-post-card-bg-dark,
    var(--qiling-component-post-card-bg)
  ) !important;
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  ) !important;
}html.dark-mode .qiling-module-scope-blog .module-blog.module-blog-resource .resource-chip.resource-price {
  background: rgba(var(--color-primary-rgb), 0.24);
  color: var(--color-primary-light);
  border-color: rgba(var(--color-primary-rgb), 0.45);
}.qiling-module-scope-blog html.dark-mode
  .module-blog.module-blog-resource
  .resource-chip.resource-updated,
.qiling-module-scope-blog html.dark-mode
  .module-blog.module-blog-resource
  .resource-chip.resource-downloads {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border-color: var(--qiling-color-transparent);
}html.dark-mode .qiling-module-scope-blog .module-blog .sidebar-widget {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  ) !important;
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-blog .module-blog .widget-title {
  color: var(--color-heading);
  border-bottom-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-blog .module-blog .blog-layout-grid .blog-post-item {
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  ) !important;
}html.dark-mode .qiling-module-scope-blog .module-blog .blog-no-posts {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  ) !important;
}html.dark-mode .qiling-module-scope-blog .module-blog .section-title {
  color: var(
    --qds-title-color,
    var(--qiling-module-title, var(--qiling-component-module-title-color-dark, var(--color-heading)))
  );
}html.dark-mode .qiling-module-scope-blog .module-blog .section-subtitle {
  color: var(--qds-subtitle-color, var(--qiling-module-subtitle, var(--color-text-muted)));
}.qiling-module-scope-blog .module-blog.module-blog .post-read-more {
  background: var(--blog-read-more-bg, var(--qiling-module-button-bg, var(--qiling-component-button-bg)));
  color: var(--blog-read-more-text, var(--qiling-module-button-text, var(--qiling-component-button-text)));
}.qiling-module-scope-blog .module-blog.module-blog .post-read-more:hover {
  background: var(--blog-read-more-hover-bg, var(--qiling-module-button-hover-bg, var(--qiling-component-button-hover-bg)));
  color: var(--blog-read-more-hover-text, var(--qiling-module-button-hover-text, var(--qiling-component-button-hover-text)));
}.qiling-module-scope-blog .module-blog.module-blog .post-read-more { color: var(--blog-read-more-text, #ffffff); }.qiling-module-scope-blog .module-blog.module-blog .post-read-more:hover { color: var(--blog-read-more-hover-text, #ffffff); }

.qiling-module-scope-booking-entry .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-booking-entry .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-booking-entry .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-booking-entry .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-booking-entry .features-tab-btn .tab-icon,
.qiling-module-scope-booking-entry .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-booking-entry .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-booking-entry .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-booking-entry .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-booking-entry .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-booking-entry .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-booking-entry .features-tabs-content {
  position: relative;
}.qiling-module-scope-booking-entry .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-booking-entry .features-tab-pane.active {
  display: block;
}.qiling-module-scope-booking-entry .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-booking-entry .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-booking-entry .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-booking-entry .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-booking-entry .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-booking-entry .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-booking-entry .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-booking-entry .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-booking-entry .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-booking-entry .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-booking-entry .features-grid-2,
.qiling-module-scope-booking-entry .features-grid-3,
.qiling-module-scope-booking-entry .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-booking-entry /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-booking-entry .module-decor.d-left {
  left: 0;
}.qiling-module-scope-booking-entry .module-decor.d-right {
  right: 0;
}.qiling-module-scope-booking-entry .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-booking-entry /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-booking-entry .module-decor svg path,
.qiling-module-scope-booking-entry .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-booking-entry /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-booking-entry .module-decor {
    display: none !important;
  }}.qiling-module-scope-booking-entry .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-booking-entry .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-booking-entry .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-booking-entry .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-booking-entry .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-booking-entry /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-booking-entry .ql-travel-cols-2,
.qiling-module-scope-booking-entry .ql-travel-cols-3,
.qiling-module-scope-booking-entry .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-booking-entry .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-booking-entry /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-booking-entry /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-booking-entry .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-booking-entry .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-booking-entry .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-booking-entry .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-booking-entry .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-booking-entry .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-booking-entry /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-booking-entry /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-booking-entry /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-booking-entry [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-booking-entry .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-booking-entry /* ----------------------------------------
 * 预订入口模块 - Booking Entry Module
 * ---------------------------------------- */

/* 背景遮罩 */
.module-booking-entry .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-booking-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}.qiling-module-scope-booking-entry /* 预订包装器 */
.module-booking-entry .ql-hotel-booking-wrapper {
  display: flex;
  gap: var(--qiling-space-32);
  margin-top: 0;
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-booking-wrapper.ql-hotel-layout-card,
.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-booking-wrapper.ql-hotel-layout-fullwidth {
  flex-direction: column;
  align-items: center;
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-booking-wrapper.ql-hotel-layout-sidebar {
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  max-width: var(--qiling-measure-1080);
  margin-left: auto;
  margin-right: auto;
}.qiling-module-scope-booking-entry /* 表单主体 */
.module-booking-entry .ql-hotel-booking-form {
  flex: 1;
  min-width: 0;
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.04) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-34);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-booking-entry .module-booking-entry
  .ql-hotel-booking-wrapper.ql-hotel-layout-fullwidth
  .ql-hotel-booking-form {
  width: 100%;
  max-width: none !important;
}.qiling-module-scope-booking-entry /* 预约入口内置表单样式融合 */
.module-booking-entry .ql-hotel-booking-form .developer-form-wrap {
  max-width: none;
  margin: 0;
  padding: 0;
  background: var(--qiling-color-transparent);
  border-radius: 0;
  box-shadow: none;
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-booking-form .form-title {
  margin-bottom: var(--qiling-space-24);
  padding-bottom: var(--qiling-space-14);
  border-bottom: 1px solid var(--qiling-component-post-card-border);
  color: var(--color-heading);
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-booking-form .form-fields {
  gap: var(--qiling-space-18);
  align-items: flex-start;
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-booking-form .form-submit {
  margin-top: var(--qiling-space-24);
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-booking-form .ql-form-number-wrap {
  max-width: var(--qiling-measure-180);
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-booking-form .ql-form-guests-wrap {
  padding: var(--qiling-space-16);
  border-radius: calc(var(--qiling-card-radius) - 8px);
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
}.qiling-module-scope-booking-entry /* guests 字段在预约入口中固定为整行，避免半栏挤压导致错位 (guests field fixed as full row) */
.module-booking-entry .ql-hotel-booking-form .form-field.field-guests {
  width: 100%;
}.qiling-module-scope-booking-entry .module-booking-entry
  .ql-hotel-booking-form
  .form-field.field-guests
  .ql-form-guest-item {
  align-items: center;
}.qiling-module-scope-booking-entry .module-booking-entry
  .ql-hotel-booking-form
  .form-field.field-guests
  .ql-form-guest-info {
  flex: 1;
  min-width: var(--qiling-measure-132);
}.qiling-module-scope-booking-entry .module-booking-entry
  .ql-hotel-booking-form
  .form-field.field-guests
  .ql-form-guest-label {
  white-space: nowrap;
  word-break: keep-all;
}.qiling-module-scope-booking-entry .module-booking-entry
  .ql-hotel-booking-form
  .form-field.field-guests
  .ql-form-guest-desc {
  white-space: nowrap;
  word-break: keep-all;
}.qiling-module-scope-booking-entry .module-booking-entry
  .ql-hotel-booking-form
  .form-field.field-guests
  .ql-form-guest-counter {
  flex: 0 0 auto;
}.qiling-module-scope-booking-entry .module-booking-entry
  .ql-hotel-booking-form
  .form-field.field-guests
  .ql-form-number-wrap {
  width: auto;
  max-width: none;
}.qiling-module-scope-booking-entry .module-booking-entry
  .ql-hotel-booking-form
  .form-field.field-guests
  .ql-form-number-input {
  width: 56px;
  min-width: var(--qiling-measure-56);
}.qiling-module-scope-booking-entry /* 占位提示 */
.module-booking-entry .ql-hotel-booking-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  padding: var(--qiling-space-60) var(--qiling-space-40);
  color: var(--color-text-muted);
  text-align: center;
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
  border: 1px dashed rgba(var(--color-primary-rgb), 0.18);
  border-radius: calc(var(--qiling-card-radius) - 6px);
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-booking-placeholder svg {
  margin-bottom: var(--qiling-space-16);
  opacity: 0.5;
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-booking-placeholder p {
  margin: 0;
  font-size: var(--qiling-text-rem-0p95);
  line-height: 1.7;
}.qiling-module-scope-booking-entry /* 侧边栏 */
.module-booking-entry .ql-hotel-booking-wrapper > .ql-hotel-booking-sidebar {
  flex-shrink: 0;
  width: 340px;
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.045) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-32);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-sidebar-title {
  font-size: var(--qiling-text-rem-1p25);
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-heading);
  margin: 0 0 var(--qiling-space-20) 0;
  padding-bottom: var(--qiling-space-16);
  border-bottom: 1px solid var(--qiling-component-post-card-border);
}.qiling-module-scope-booking-entry /* 侧边列表 */
.module-booking-entry .ql-hotel-sidebar-list {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--qiling-space-28) 0;
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-sidebar-list li {
  display: flex;
  align-items: flex-start;
  gap: var(--qiling-space-12);
  padding: var(--qiling-space-12) 0;
  font-size: var(--qiling-text-rem-0p9);
  color: var(--color-text-muted);
  line-height: 1.7;
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-sidebar-list li svg {
  flex-shrink: 0;
  margin-top: var(--qiling-space-2);
  color: var(--color-primary);
}.qiling-module-scope-booking-entry /* 联系方式 */
.module-booking-entry .ql-hotel-sidebar-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--qiling-space-8);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.04) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-surface-alt-bg, var(--gradient-surface-subtle));
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: calc(var(--qiling-card-radius) - 8px);
  padding: var(--qiling-space-22);
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(var(--color-surface-rgb), 0.24);
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-contact-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--qiling-space-4) var(--qiling-space-10);
  background: var(--qiling-component-badge-bg);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: 999px;
  font-size: var(--qiling-text-rem-0p75);
  color: var(--qiling-component-badge-text);
  text-transform: uppercase;
  letter-spacing: var(--qiling-tracking-em-0p08);
  font-weight: 600;
  margin-bottom: var(--qiling-space-2);
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-contact-phone {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-8);
  font-size: var(--qiling-text-rem-1p28);
  font-weight: 700;
  color: var(--color-heading) !important;
  text-decoration: none;
  transition: color 0.3s ease;
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-contact-phone:hover {
  color: var(--color-primary) !important;
}.qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-contact-hours {
  font-size: var(--qiling-text-rem-0p8);
  color: var(--color-text-muted);
  margin-top: 0;
}.qiling-module-scope-booking-entry /* 预订入口 - 暗黑模式 */
html.dark-mode .module-booking-entry .ql-hotel-booking-form {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      var(--qiling-color-rgba-15-23-42-0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--color-neutral-800));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-booking-entry html.dark-mode
  .module-booking-entry
  .ql-hotel-booking-form
  .developer-form-wrap {
  background: var(--qiling-color-transparent);
}html.dark-mode .qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-booking-placeholder {
  color: var(--color-text-muted);
  border-color: rgba(var(--color-primary-rgb), 0.22);
}.qiling-module-scope-booking-entry html.dark-mode
  .module-booking-entry
  .ql-hotel-booking-wrapper
  > .ql-hotel-booking-sidebar {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      var(--qiling-color-rgba-15-23-42-0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-color-rgba-30-41-59-095));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
}html.dark-mode .qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-sidebar-title {
  color: var(--color-neutral-100);
  border-bottom-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
}html.dark-mode .qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-sidebar-list li {
  color: var(--color-neutral-300);
}html.dark-mode .qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-sidebar-contact {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      var(--qiling-color-rgba-15-23-42-0) 100%
    ),
    var(
      --qiling-component-surface-alt-bg,
      var(--qiling-color-rgba-30-41-59-072)
    );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
  box-shadow: none;
}html.dark-mode .qiling-module-scope-booking-entry .module-booking-entry .ql-hotel-contact-phone {
  color: var(--color-neutral-100) !important;
}

.qiling-module-scope-branches .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-branches .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-branches .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-branches .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-branches .features-tab-btn .tab-icon,
.qiling-module-scope-branches .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-branches .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-branches .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-branches .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-branches .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-branches .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-branches .features-tabs-content {
  position: relative;
}.qiling-module-scope-branches .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-branches .features-tab-pane.active {
  display: block;
}.qiling-module-scope-branches .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-branches .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-branches .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-branches .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-branches .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-branches .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-branches .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-branches .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-branches .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-branches .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-branches .features-grid-2,
.qiling-module-scope-branches .features-grid-3,
.qiling-module-scope-branches .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-branches /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-branches .module-decor.d-left {
  left: 0;
}.qiling-module-scope-branches .module-decor.d-right {
  right: 0;
}.qiling-module-scope-branches .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-branches /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-branches .module-decor svg path,
.qiling-module-scope-branches .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-branches /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-branches .module-decor {
    display: none !important;
  }}.qiling-module-scope-branches .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-branches .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-branches .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-branches .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-branches .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-branches /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-branches .ql-travel-cols-2,
.qiling-module-scope-branches .ql-travel-cols-3,
.qiling-module-scope-branches .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-branches .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-branches /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-branches /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-branches .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-branches .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-branches .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-branches .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-branches .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-branches .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-branches /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-branches /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-branches /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-branches [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-branches .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-branches /* ===== 分支机构模块 (Branches Module) ===== */
.module-branches {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}.qiling-module-scope-branches .module-branches .module-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-000000);
  z-index: 1;
}.qiling-module-scope-branches .module-branches-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-branches .module-branches .section-header {
  margin-bottom: var(--qiling-space-44);
}.qiling-module-scope-branches .branches-city-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--qiling-space-12);
  margin: 0 0 var(--qiling-space-34);
}.qiling-module-scope-branches .branches-city-btn {
  border: 1px solid var(--qiling-component-tabs-border);
  background: var(--qiling-color-transparent);
  color: var(--qiling-component-tabs-text);
  border-radius: var(--qiling-button-radius);
  padding: var(--qiling-space-10) var(--qiling-space-16);
  font-size: var(--qiling-text-rem-0p86);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}.qiling-module-scope-branches .branches-city-btn:hover,
.qiling-module-scope-branches .branches-city-btn.is-active {
  border-color: var(--qiling-component-tabs-active-border);
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
}.qiling-module-scope-branches .branches-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--qiling-space-32);
  align-items: stretch;
}.qiling-module-scope-branches .branches-grid.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-branches .branches-grid.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}.qiling-module-scope-branches .module-branches.module-branches .branches-grid .branch-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-primary-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  border: 1px solid var(--qiling-component-card-border);
  box-shadow: var(--qiling-component-card-shadow);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}.qiling-module-scope-branches .branch-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.16);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-branches .branch-image-wrapper {
  height: 160px;
  overflow: hidden;
}.qiling-module-scope-branches .branch-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s;
}.qiling-module-scope-branches .branch-card:hover .branch-image {
  transform: scale(1.05);
}.qiling-module-scope-branches .branch-bar {
  height: 8px;
  background: var(--qiling-gradient-brand);
}.qiling-module-scope-branches .branch-content {
  padding: var(--qiling-space-26) var(--qiling-space-24) var(--qiling-space-24);
  flex: 1;
  display: flex;
  flex-direction: column;
}.qiling-module-scope-branches .branch-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qiling-space-10);
  margin-bottom: var(--qiling-space-12);
}.qiling-module-scope-branches .branch-name {
  margin: 0;
  font-size: var(--qiling-text-rem-1p25);
  font-weight: 700;
  color: var(--color-heading);
  display: flex;
  align-items: center;
  gap: var(--qiling-space-10);
}.qiling-module-scope-branches .branch-icon-pin {
  font-size: var(--qiling-text-em-1p3);
}.qiling-module-scope-branches .branch-status {
  font-size: var(--qiling-text-12);
  font-weight: 600;
  border-radius: 999px;
  padding: var(--qiling-space-4) var(--qiling-space-10);
  white-space: nowrap;
}.qiling-module-scope-branches .branch-status.status-open {
  background: rgba(var(--color-success-rgb), 0.14);
  color: var(--color-success-dark);
}.qiling-module-scope-branches .branch-status.status-busy {
  background: rgba(var(--color-warning-rgb), 0.16);
  color: var(--color-warning-dark);
}.qiling-module-scope-branches .branch-status.status-closed {
  background: rgba(var(--color-error-rgb), 0.14);
  color: var(--color-error-dark);
}.qiling-module-scope-branches .branch-status.status-coming {
  background: rgba(var(--color-primary-rgb), 0.14);
  color: var(--color-primary);
}.qiling-module-scope-branches .branch-city {
  margin: 0 0 var(--qiling-space-14);
  font-size: var(--qiling-text-13);
  color: var(--color-text-muted);
}.qiling-module-scope-branches .branch-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-8);
  margin-bottom: var(--qiling-space-14);
}.qiling-module-scope-branches .branch-tag {
  border-radius: 999px;
  background: var(--qiling-component-badge-bg);
  border: 1px solid var(--qiling-color-transparent);
  color: var(--qiling-component-badge-text);
  font-size: var(--qiling-text-12);
  padding: var(--qiling-space-3) var(--qiling-space-10);
}.qiling-module-scope-branches .branch-info-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-14);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p9);
  line-height: 1.65;
}.qiling-module-scope-branches .branch-info-item {
  display: flex;
  align-items: flex-start;
  gap: var(--qiling-space-10);
}.qiling-module-scope-branches .branch-icon {
  flex-shrink: 0;
  margin-top: var(--qiling-space-2);
}.qiling-module-scope-branches .branch-info-item a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s;
}.qiling-module-scope-branches .branch-info-item a:hover {
  color: var(--color-primary, var(--color-primary));
  text-decoration: underline;
}.qiling-module-scope-branches .branch-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-10);
  margin-top: var(--qiling-space-22);
}.qiling-module-scope-branches .branch-map-btn,
.qiling-module-scope-branches .branch-book-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--qiling-space-6);
  padding: var(--qiling-component-button-padding);
  border-radius: var(--qiling-button-radius);
  text-decoration: none;
  font-size: var(--qiling-text-rem-0p9);
  font-weight: 600;
  transition: all 0.3s;
  flex: 1;
  min-width: var(--qiling-measure-140);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-branches .branch-map-btn {
  background: var(--branches-map-btn-bg, var(--qiling-component-button-bg));
  color: var(--branches-map-btn-text, var(--qiling-component-button-text));
  border: 1px solid
    var(--branches-map-btn-border, var(--qiling-component-button-border));
}.qiling-module-scope-branches .branch-book-btn {
  background: var(--branches-book-btn-bg, var(--qiling-component-button-bg));
  color: var(--branches-book-btn-text, var(--qiling-component-button-text));
  border: 1px solid
    var(--branches-book-btn-border, var(--qiling-component-button-border));
}.qiling-module-scope-branches .branch-map-btn:hover {
  background: var(
    --branches-map-btn-hover-bg,
    var(--qiling-component-button-hover-bg)
  );
  border-color: var(
    --branches-map-btn-hover-border,
    var(--qiling-component-button-hover-bg)
  );
  color: var(
    --branches-map-btn-hover-text,
    var(--qiling-component-button-hover-text)
  );
  transform: translateY(-2px);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-branches .branch-book-btn:hover {
  background: var(
    --branches-book-btn-hover-bg,
    var(--qiling-component-button-hover-bg)
  );
  border-color: var(
    --branches-book-btn-hover-border,
    var(--qiling-component-button-hover-bg)
  );
  color: var(
    --branches-book-btn-hover-text,
    var(--qiling-component-button-hover-text)
  );
  transform: translateY(-2px);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-branches /* 响应式 (Responsive) */
@media (max-width: 1200px) {
  .branches-grid.grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (max-width: 768px){.qiling-module-scope-branches .branches-grid,
.qiling-module-scope-branches .branches-grid.grid-cols-2,
.qiling-module-scope-branches .branches-grid.grid-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }.qiling-module-scope-branches .branches-grid {
    gap: var(--qiling-space-20);
  }.qiling-module-scope-branches .branch-card {
    border-radius: var(--qiling-card-radius);
  }.qiling-module-scope-branches .branch-content {
    padding: var(--qiling-space-18);
  }.qiling-module-scope-branches .branch-head {
    align-items: flex-start;
    flex-direction: column;
  }.qiling-module-scope-branches .branch-actions {
    flex-direction: column;
  }
}.qiling-module-scope-branches /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-branches {
  background-color: var(--dm-bg);
}html.dark-mode .qiling-module-scope-branches .module-branches .section-title {
  color: var(--qiling-component-module-title-color-dark, var(--color-heading));
}html.dark-mode .qiling-module-scope-branches .module-branches .section-subtitle {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-branches .branch-card {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  box-shadow: var(--qiling-component-card-shadow);
  border: 1px solid
    var(
      --qiling-component-card-border-dark,
      var(--qiling-component-card-border)
    );
}html.dark-mode .qiling-module-scope-branches .module-branches.module-branches .branches-grid .branch-card {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-branches .branch-name {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-branches .branch-info-list {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-branches .branch-info-item a:hover {
  color: var(--color-primary-light, var(--qiling-color-60a5fa));
}html.dark-mode .qiling-module-scope-branches .branches-city-btn {
  border-color: var(--qiling-component-tabs-border);
  background: var(--qiling-color-transparent);
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-branches .branch-status.status-open {
  background: rgba(var(--color-success-rgb), 0.2);
  color: var(--color-success);
}html.dark-mode .qiling-module-scope-branches .branch-status.status-busy {
  background: rgba(var(--color-warning-rgb), 0.2);
  color: var(--color-warning);
}html.dark-mode .qiling-module-scope-branches .branch-status.status-closed {
  background: rgba(var(--color-error-rgb), 0.2);
  color: var(--color-error);
}html.dark-mode .qiling-module-scope-branches .branch-status.status-coming {
  background: rgba(var(--color-info-rgb), 0.2);
  color: var(--color-info);
}html.dark-mode .qiling-module-scope-branches .branch-city {
  color: var(--color-neutral-400);
}html.dark-mode .qiling-module-scope-branches .branch-tag {
  background: var(--qiling-component-badge-bg);
  border-color: var(--qiling-color-transparent);
  color: var(--qiling-component-badge-text);
}.qiling-module-scope-branches .module-branches.module-branches .branch-status.status-closed {
  background: rgba(var(--color-error-rgb), 0.14);
  color: var(--color-error-dark);
}

.qiling-module-scope-brand_banner_pro .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-brand_banner_pro .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-brand_banner_pro .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-brand_banner_pro .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-brand_banner_pro .features-tab-btn .tab-icon,
.qiling-module-scope-brand_banner_pro .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-brand_banner_pro .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-brand_banner_pro .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-brand_banner_pro .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-brand_banner_pro .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-brand_banner_pro .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-brand_banner_pro .features-tabs-content {
  position: relative;
}.qiling-module-scope-brand_banner_pro .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-brand_banner_pro .features-tab-pane.active {
  display: block;
}.qiling-module-scope-brand_banner_pro .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-brand_banner_pro .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-brand_banner_pro .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-brand_banner_pro .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-brand_banner_pro .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-brand_banner_pro .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-brand_banner_pro .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-brand_banner_pro .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-brand_banner_pro .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-brand_banner_pro .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-brand_banner_pro .features-grid-2,
.qiling-module-scope-brand_banner_pro .features-grid-3,
.qiling-module-scope-brand_banner_pro .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-brand_banner_pro /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-brand_banner_pro .module-decor.d-left {
  left: 0;
}.qiling-module-scope-brand_banner_pro .module-decor.d-right {
  right: 0;
}.qiling-module-scope-brand_banner_pro .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-brand_banner_pro /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-brand_banner_pro .module-decor svg path,
.qiling-module-scope-brand_banner_pro .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-brand_banner_pro /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-brand_banner_pro .module-decor {
    display: none !important;
  }}.qiling-module-scope-brand_banner_pro .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-brand_banner_pro .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-brand_banner_pro .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-brand_banner_pro .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-brand_banner_pro .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-brand_banner_pro /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-brand_banner_pro .ql-travel-cols-2,
.qiling-module-scope-brand_banner_pro .ql-travel-cols-3,
.qiling-module-scope-brand_banner_pro .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-brand_banner_pro .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-brand_banner_pro /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-brand_banner_pro /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-brand_banner_pro .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-brand_banner_pro .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-brand_banner_pro .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-brand_banner_pro .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-brand_banner_pro .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-brand_banner_pro .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-brand_banner_pro /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-brand_banner_pro /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-brand_banner_pro /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-brand_banner_pro [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-brand_banner_pro .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-brand_banner_pro /* ===== Solid hero action button text contracts ===== */
.module-brand-banner-pro .bbp-btn-primary { color: var(--bbp-primary-btn-text, #ffffff); }.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn-primary:hover { color: var(--bbp-primary-btn-hover-text, #ffffff); }.qiling-module-scope-brand_banner_pro /* ===== 品牌横幅 Pro (brand_banner_pro) ===== */
.module-brand-banner-pro {
  position: relative;
  overflow: hidden;
  --bbp-primary-btn-default-bg: var(
    --qiling-component-button-bg,
    var(--qiling-color-0b6cff)
  );
  --bbp-primary-btn-default-text: var(
    --qiling-component-button-text,
    var(--color-text-inverse)
  );
  --bbp-primary-btn-default-border: var(
    --qiling-component-button-border,
    var(--qiling-color-transparent)
  );
  --bbp-light-btn-default-bg: var(
    --qiling-component-card-bg,
    var(--qiling-color-rgba-255-255-255-088)
  );
  --bbp-light-btn-default-text: var(--color-neutral-900);
  --bbp-light-btn-default-border: var(
    --qiling-component-card-border,
    var(--qiling-color-neutral-400-alpha-032)
  );
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-stage {
  position: relative;
  isolation: isolate;
  min-height: var(--bbp-height, 85vh);
  padding-top: var(--bbp-pt, var(--qiling-space-72));
  padding-bottom: var(--bbp-pb, var(--qiling-space-72));
  display: flex;
  align-items: center;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-bg-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-000000);
  opacity: var(--bbp-bg-overlay, 0);
  z-index: 1;
  pointer-events: none;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-inner {
  width: min(1240px, 92vw);
  margin: 0 auto;
  position: relative;
  z-index: 3;
  display: grid;
  gap: clamp(
    var(--qiling-space-24),
    var(--qiling-space-vw-4),
    var(--qiling-space-64)
  );
  align-items: center;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-content {
  position: relative;
  color: var(--bbp-text-color, var(--color-neutral-700));
  max-width: var(--qiling-measure-760);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-title {
  margin: 0;
  color: var(--bbp-title-color, var(--color-neutral-900));
  font-size: clamp(
    var(--qiling-text-36),
    var(--qiling-text-vw-7),
    var(--bbp-title-size-max, var(--qiling-text-88))
  );
  line-height: 1.08;
  letter-spacing: var(--qiling-tracking-neg-em-0p03);
  font-weight: 700;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-title strong {
  font-weight: 800;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-title-wrap {
  position: relative;
  display: inline-block;
  max-width: var(--qiling-measure-pct-100);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-title-line {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-start;
  max-width: var(--qiling-measure-pct-100);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-title-image {
  display: block;
  width: min(100%, var(--bbp-title-image-max-width, 760px));
  height: auto;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-title-effect-outline .bbp-title {
  color: var(--qiling-color-transparent);
  -webkit-text-stroke: var(--bbp-title-stroke-width, 1.5px)
    var(--bbp-title-stroke-color, var(--color-text-inverse));
  text-shadow: none;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-title-effect-gradient .bbp-title {
  background: var(--bbp-title-gradient, var(--gradient-brand-glow));
  -webkit-background-clip: text;
  background-clip: text;
  color: var(--qiling-color-transparent);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-title-effect-glow .bbp-title {
  text-shadow:
    0 0 26px var(--qiling-color-rgba-255-255-255-045),
    0 14px 40px var(--qiling-color-primary-alpha-035);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-subtitle {
  margin: var(--qiling-space-18) 0 0;
  font-size: clamp(
    var(--qiling-text-18),
    var(--qiling-text-vw-2p2),
    var(--qiling-text-34)
  );
  line-height: 1.35;
  color: var(--bbp-title-color, var(--color-neutral-900));
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-desc {
  margin-top: var(--qiling-space-16);
  font-size: clamp(
    var(--qiling-text-14),
    var(--qiling-text-vw-1p2),
    var(--qiling-text-18)
  );
  line-height: 1.75;
  opacity: 0.9;
  max-width: var(--qiling-measure-720);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-actions {
  margin-top: var(--qiling-space-28);
  display: flex;
  gap: var(--qiling-space-12);
  flex-wrap: wrap;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--qiling-space-8);
  min-height: 48px;
  padding: 0 var(--qiling-space-22);
  border-radius: 999px;
  text-decoration: none;
  font-size: var(--qiling-text-15);
  font-weight: 600;
  transition: all 0.28s ease;
  border: 1px solid var(--qiling-color-transparent);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--qiling-text-em-1p05);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn-primary {
  background: var(--bbp-primary-btn-bg, var(--bbp-primary-btn-default-bg));
  color: var(--bbp-primary-btn-text, var(--bbp-primary-btn-default-text));
  border-color: var(
    --bbp-primary-btn-border,
    var(--bbp-primary-btn-default-border)
  );
  box-shadow: 0 18px 34px -18px var(--qiling-color-rgba-11-108-255-08);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn-primary:hover {
  transform: translateY(-2px);
  background: var(
    --bbp-primary-btn-hover-bg,
    var(--bbp-primary-btn-bg, var(--bbp-primary-btn-default-bg))
  );
  color: var(
    --bbp-primary-btn-hover-text,
    var(--bbp-primary-btn-text, var(--bbp-primary-btn-default-text))
  );
  border-color: var(
    --bbp-primary-btn-hover-border,
    var(--bbp-primary-btn-border, var(--bbp-primary-btn-default-border))
  );
  box-shadow: 0 24px 38px -18px var(--qiling-color-rgba-11-108-255-09);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn-light {
  background: var(--bbp-light-btn-bg, var(--bbp-light-btn-default-bg));
  color: var(--bbp-light-btn-text, var(--bbp-light-btn-default-text));
  border-color: var(
    --bbp-light-btn-border,
    var(--bbp-light-btn-default-border)
  );
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn-light:hover {
  background: var(
    --bbp-light-btn-hover-bg,
    var(--bbp-light-btn-bg, var(--bbp-light-btn-default-bg))
  );
  color: var(
    --bbp-light-btn-hover-text,
    var(--bbp-light-btn-text, var(--bbp-light-btn-default-text))
  );
  border-color: var(
    --bbp-light-btn-hover-border,
    var(--bbp-light-btn-border, var(--bbp-light-btn-default-border))
  );
  transform: translateY(-2px);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn-outline {
  background: var(--qiling-color-transparent);
  color: var(--bbp-title-color, var(--color-neutral-900));
  border-color: var(--qiling-color-neutral-400-alpha-045);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn-outline:hover {
  background: var(--qiling-color-rgba-255-255-255-02);
  transform: translateY(-2px);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-media-col {
  width: 100%;
  display: flex;
  justify-content: center;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-media-wrap {
  width: min(100%, var(--bbp-media-max-width, 980px));
  border-radius: var(--bbp-media-radius, 26px);
  overflow: hidden;
  transform-style: preserve-3d;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
  background: var(--qiling-color-rgba-255-255-255-016);
  backdrop-filter: blur(4px);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-media-wrap img,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-media-wrap video {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-shadow-none .bbp-media-wrap {
  box-shadow: none;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-shadow-soft .bbp-media-wrap {
  box-shadow: 0 18px 42px var(--qiling-color-rgba-15-23-42-018);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-shadow-lifted .bbp-media-wrap {
  box-shadow: 0 30px 60px var(--qiling-color-rgba-15-23-42-026);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-shadow-glow .bbp-media-wrap {
  box-shadow:
    0 0 0 1px var(--qiling-color-rgba-255-255-255-036),
    0 28px 80px var(--qiling-color-rgba-59-130-246-035);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-media-placeholder {
  min-height: 260px;
  border-radius: var(--bbp-media-radius, 26px);
  border: 1px dashed var(--qiling-color-neutral-400-alpha-045);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--qiling-color-rgba-15-23-42-055);
  background: var(--qiling-color-rgba-255-255-255-035);
  padding: var(--qiling-space-24);
  text-align: center;
  font-size: var(--qiling-text-14);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-overlay-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-overlay-media img,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-overlay-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.66;
  transform: scale(1.02);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-top_bottom .bbp-inner {
  grid-template-columns: 1fr;
  justify-items: center;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-top_bottom .bbp-media-wrap {
  max-height: 60vh;
  border-radius: max(var(--bbp-media-radius, 26px), 18px);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-left_right .bbp-inner,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-right_left .bbp-inner {
  width: min(1540px, 98vw);
  grid-template-columns: minmax(220px, 0.34fr) minmax(720px, 0.66fr);
  gap: clamp(
    var(--qiling-space-16),
    var(--qiling-space-vw-2p4),
    var(--qiling-space-36)
  );
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-left_right .bbp-content,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-right_left .bbp-content {
  max-width: var(--qiling-measure-420);
  width: 100%;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-left_right .bbp-title,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-right_left .bbp-title {
  font-size: clamp(
    var(--qiling-text-34),
    var(--qiling-text-vw-4p6),
    min(var(--bbp-title-size-max, var(--qiling-text-72)), var(--qiling-text-72))
  );
  line-height: 1.06;
  letter-spacing: var(--qiling-tracking-neg-em-0p02);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-left_right .bbp-subtitle,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-right_left .bbp-subtitle {
  font-size: clamp(
    var(--qiling-text-18),
    var(--qiling-text-vw-2p4),
    var(--qiling-text-30)
  );
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-left_right .bbp-desc,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-right_left .bbp-desc {
  max-width: var(--qiling-measure-430);
  font-size: clamp(
    var(--qiling-text-14),
    var(--qiling-text-vw-1p05),
    var(--qiling-text-16)
  );
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-left_right .bbp-media-col {
  justify-content: flex-end;
  overflow: visible;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-right_left .bbp-media-col {
  justify-content: flex-start;
  overflow: visible;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-left_right .bbp-media-wrap,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-right_left .bbp-media-wrap {
  width: min(132%, calc(var(--bbp-media-max-width, 980px) + 360px));
  max-width: none;
  border-radius: max(var(--bbp-media-radius, 26px), 18px);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-left_right .bbp-media-wrap {
  margin-right: clamp(
    var(--qiling-space-neg-56),
    var(--qiling-space-neg-vw-4),
    var(--qiling-space-neg-20)
  );
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-right_left .bbp-media-wrap {
  margin-left: clamp(
    var(--qiling-space-neg-56),
    var(--qiling-space-neg-vw-4),
    var(--qiling-space-neg-20)
  );
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-left_right .bbp-content {
  justify-self: start;
  margin-left: clamp(
    var(--qiling-space-neg-30),
    var(--qiling-space-neg-vw-2),
    var(--qiling-space-neg-10)
  );
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-right_left .bbp-content {
  justify-self: end;
  margin-right: clamp(
    var(--qiling-space-neg-30),
    var(--qiling-space-neg-vw-2),
    var(--qiling-space-neg-10)
  );
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-right_left .bbp-content {
  order: 2;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-right_left .bbp-media-col {
  order: 1;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-overlay_center .bbp-inner {
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-overlay_center .bbp-content {
  max-width: var(--qiling-measure-860);
  padding: 0;
  border-radius: 0;
  background: var(--qiling-color-transparent);
  border: 0;
  backdrop-filter: none;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-overlay_center.bbp-overlay-box-glass
  .bbp-content {
  padding: clamp(
    var(--qiling-space-20),
    var(--qiling-space-vw-4),
    var(--qiling-space-44)
  );
  border-radius: 24px;
  background: var(--qiling-color-rgba-255-255-255-02);
  backdrop-filter: blur(8px);
  border: 1px solid var(--qiling-color-rgba-255-255-255-035);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-align-center .bbp-content {
  text-align: center;
  margin-inline: auto;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-align-center .bbp-actions {
  justify-content: center;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-no-media .bbp-inner {
  grid-template-columns: 1fr !important;
  justify-items: center;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-style-glow .bbp-title {
  font-family: "Times New Roman", Georgia, serif;
  font-weight: 500;
  letter-spacing: var(--qiling-tracking-em-0p02);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-style-glow.bbp-layout-overlay_center
  .bbp-title-line {
  justify-content: center;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-style-glow.bbp-layout-overlay_center .bbp-title {
  font-size: clamp(
    var(--qiling-text-72),
    var(--qiling-text-vw-15),
    var(--bbp-title-size-max, var(--qiling-text-220))
  );
  line-height: 0.96;
  letter-spacing: var(--qiling-tracking-em-0p015);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-style-glow.bbp-layout-overlay_center
  .bbp-title-image {
  width: min(100%, var(--bbp-title-image-max-width, 860px));
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-style-glow .bbp-subtitle {
  opacity: 0.93;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-style-editorial .bbp-title {
  letter-spacing: var(--qiling-tracking-neg-em-0p04);
  text-transform: none;
  font-weight: 800;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-style-editorial .bbp-btn {
  border-radius: 12px;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-style-editorial.bbp-layout-left_right .bbp-title,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-style-editorial.bbp-layout-right_left .bbp-title {
  font-size: clamp(
    var(--qiling-text-32),
    var(--qiling-text-vw-4p2),
    var(--qiling-text-64)
  );
  letter-spacing: var(--qiling-tracking-neg-em-0p03);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-style-editorial.bbp-layout-left_right
  .bbp-media-wrap
  img,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-style-editorial.bbp-layout-right_left
  .bbp-media-wrap
  img {
  object-fit: contain;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-glow {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  width: clamp(240px, 35vw, 600px);
  height: clamp(240px, 35vw, 600px);
  border-radius: 50%;
  filter: blur(48px);
  opacity: 0.36;
  animation: bbpGlowMove 11s ease-in-out infinite alternate;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-glow-a {
  background: radial-gradient(
    circle,
    var(--qiling-color-rgba-59-130-246-075) 0%,
    var(--qiling-color-rgba-59-130-246-0) 72%
  );
  top: -10%;
  right: -8%;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-glow-b {
  background: radial-gradient(
    circle,
    var(--qiling-color-info-alpha-065) 0%,
    var(--qiling-color-info-alpha-0) 72%
  );
  bottom: -18%;
  left: -12%;
  animation-delay: 1.5s;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-orbit {
  position: absolute;
  width: var(--bbp-orbit-size, 120px);
  height: var(--bbp-orbit-size, 120px);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--bbp-orbit-color, var(--qiling-color-e5e7eb));
  z-index: 7;
  pointer-events: none;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-orbit.bbp-orbit-corner {
  right: var(--bbp-orbit-right, 24px);
  top: var(--bbp-orbit-top, 24px);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-orbit.bbp-orbit-title {
  right: 0;
  top: 0;
  transform: translate(
    calc(60% + var(--bbp-orbit-right, 0px)),
    calc(-22% + var(--bbp-orbit-top, 0px))
  );
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-orbit svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  transform-origin: 50% 50%;
  animation: bbpRotate 16s linear infinite;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-orbit text {
  font-size: var(--qiling-text-7p2);
  letter-spacing: var(--qiling-tracking-em-0p16);
  text-transform: uppercase;
  fill: currentColor;
  opacity: 0.9;
  font-weight: 400;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-orbit-center {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--qiling-text-14);
  line-height: 1;
  color: currentColor;
  opacity: 0.92;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-orbit-center-image img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  display: block;
  border-radius: 999px;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-orbit-center-image {
  animation: none;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-intro-fade_up .bbp-content {
  animation: bbpFadeUp 0.75s cubic-bezier(0.2, 0.72, 0.25, 1) both;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-intro-slide_up .bbp-content {
  animation: bbpSlideUp 0.8s cubic-bezier(0.2, 0.72, 0.25, 1) both;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-intro-zoom .bbp-content {
  animation: bbpZoomIn 0.7s ease both;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-media-anim-float .bbp-media-wrap {
  animation: bbpFloat 5.4s ease-in-out infinite;
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-media-anim-pulse .bbp-media-wrap {
  animation: bbpPulse 4.2s ease-in-out infinite;
}

@keyframes bbpFadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bbpSlideUp {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bbpZoomIn {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes bbpFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes bbpPulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.018);
  }
}

@keyframes bbpGlowMove {
  from {
    transform: translate3d(0, 0, 0) scale(1);
  }
  to {
    transform: translate3d(24px, -18px, 0) scale(1.08);
  }
}

@keyframes bbpRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes bbpRotateReverse {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}@media (max-width: 1024px){.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-left_right .bbp-inner,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-right_left .bbp-inner {
    grid-template-columns: 1fr;
  }.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-right_left .bbp-content,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-right_left .bbp-media-col {
    order: initial;
  }.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-content {
    max-width: var(--qiling-measure-pct-100);
  }.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-orbit {
    width: min(var(--bbp-orbit-size, 120px), 98px);
    height: min(var(--bbp-orbit-size, 120px), 98px);
  }.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-orbit.bbp-orbit-corner {
    right: max(var(--bbp-orbit-right, 0px), 12px);
    top: max(var(--bbp-orbit-top, 0px), 12px);
  }.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-orbit.bbp-orbit-title {
    transform: translate(
      calc(44% + var(--bbp-orbit-right, 0px)),
      calc(-20% + var(--bbp-orbit-top, 0px))
    );
  }
}@media (max-width: 767px){.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-stage {
    padding-top: min(
      var(--bbp-pt, var(--qiling-space-72)),
      var(--qiling-space-56)
    );
    padding-bottom: min(
      var(--bbp-pb, var(--qiling-space-72)),
      var(--qiling-space-56)
    );
  }.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-actions {
    width: 100%;
  }.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn {
    width: 100%;
  }.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-overlay_center.bbp-overlay-box-glass
    .bbp-content {
    padding: var(--qiling-space-18);
    border-radius: 16px;
  }
}.qiling-module-scope-brand_banner_pro /* Final solid hero action text guard. Keep this block last. */
.module-brand-banner-pro .bbp-btn-primary { color: var(--bbp-primary-btn-text, #ffffff); }@media (prefers-reduced-motion: reduce){.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-glow,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-orbit svg,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-orbit-center,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-content,
.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-media-wrap {
    animation: none !important;
    transition: none !important;
  }
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn {
  box-shadow: var(
    --qiling-component-button-shadow,
    0 18px 34px var(--qiling-color-rgba-15-23-42-012)
  );
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn-primary {
  background: var(--bbp-primary-btn-bg, var(--bbp-primary-btn-default-bg));
  color: var(--bbp-primary-btn-text, var(--bbp-primary-btn-default-text));
  border-color: var(
    --bbp-primary-btn-border,
    var(--bbp-primary-btn-default-border)
  );
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn-light {
  background: var(--bbp-light-btn-bg, var(--bbp-light-btn-default-bg));
  color: var(--bbp-light-btn-text, var(--bbp-light-btn-default-text));
  border-color: var(
    --bbp-light-btn-border,
    var(--bbp-light-btn-default-border)
  );
  box-shadow: var(
    --qiling-component-card-shadow,
    0 18px 34px var(--qiling-color-rgba-15-23-42-01)
  );
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-media-wrap {
  border: 1px solid var(--qiling-color-rgba-255-255-255-02);
  box-shadow: 0 30px 70px var(--qiling-color-rgba-15-23-42-022);
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro.bbp-layout-overlay_center.bbp-overlay-box-glass
  .bbp-content {
  box-shadow: 0 24px 60px var(--qiling-color-rgba-15-23-42-016);
}html.dark-mode .qiling-module-scope-brand_banner_pro .module-brand-banner-pro {
  --bbp-light-btn-default-bg: var(
    --qiling-component-card-bg-dark,
    var(--qiling-color-rgba-15-23-42-092)
  );
  --bbp-light-btn-default-border: var(
    --qiling-component-card-border-dark,
    var(--qiling-color-neutral-400-alpha-018)
  );
  --bbp-light-btn-default-text: var(--color-text-inverse);
}html.dark-mode .qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn-light {
  background: var(
    --bbp-light-btn-bg,
    var(
      --bbp-light-btn-default-bg,
      var(
        --qiling-component-card-bg-dark,
        var(--qiling-color-rgba-15-23-42-092)
      )
    )
  );
  border-color: var(
    --bbp-light-btn-border,
    var(
      --bbp-light-btn-default-border,
      var(
        --qiling-component-card-border-dark,
        var(--qiling-color-neutral-400-alpha-018)
      )
    )
  );
}.qiling-module-scope-brand_banner_pro .module-brand-banner-pro .bbp-btn-light:hover {
  border-color: var(
    --bbp-light-btn-hover-border,
    var(--bbp-light-btn-border, rgba(var(--color-primary-rgb), 0.18))
  );
}

.qiling-module-scope-breaking_news_ticker .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-breaking_news_ticker .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-breaking_news_ticker .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-breaking_news_ticker .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-breaking_news_ticker .features-tab-btn .tab-icon,
.qiling-module-scope-breaking_news_ticker .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-breaking_news_ticker .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-breaking_news_ticker .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-breaking_news_ticker .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-breaking_news_ticker .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-breaking_news_ticker .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-breaking_news_ticker .features-tabs-content {
  position: relative;
}.qiling-module-scope-breaking_news_ticker .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-breaking_news_ticker .features-tab-pane.active {
  display: block;
}.qiling-module-scope-breaking_news_ticker .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-breaking_news_ticker .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-breaking_news_ticker .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-breaking_news_ticker .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-breaking_news_ticker .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-breaking_news_ticker .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-breaking_news_ticker .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-breaking_news_ticker .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-breaking_news_ticker .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-breaking_news_ticker .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-breaking_news_ticker .features-grid-2,
.qiling-module-scope-breaking_news_ticker .features-grid-3,
.qiling-module-scope-breaking_news_ticker .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-breaking_news_ticker /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-breaking_news_ticker .module-decor.d-left {
  left: 0;
}.qiling-module-scope-breaking_news_ticker .module-decor.d-right {
  right: 0;
}.qiling-module-scope-breaking_news_ticker .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-breaking_news_ticker /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-breaking_news_ticker .module-decor svg path,
.qiling-module-scope-breaking_news_ticker .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-breaking_news_ticker /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-breaking_news_ticker .module-decor {
    display: none !important;
  }}.qiling-module-scope-breaking_news_ticker .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-breaking_news_ticker .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-breaking_news_ticker .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-breaking_news_ticker .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-breaking_news_ticker .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-breaking_news_ticker /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-breaking_news_ticker .ql-travel-cols-2,
.qiling-module-scope-breaking_news_ticker .ql-travel-cols-3,
.qiling-module-scope-breaking_news_ticker .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-breaking_news_ticker .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-breaking_news_ticker /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-breaking_news_ticker /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-breaking_news_ticker .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-breaking_news_ticker .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-breaking_news_ticker .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-breaking_news_ticker .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-breaking_news_ticker .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-breaking_news_ticker .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-breaking_news_ticker /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-breaking_news_ticker /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-breaking_news_ticker /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-breaking_news_ticker [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-breaking_news_ticker .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-breaking_news_ticker /* ===== 突发新闻滚动条 (breaking_news_ticker) ===== */
.module-breaking-news-ticker .ql-bn-wrap {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--ql-bn-bg);
  color: var(--ql-bn-text);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  display: flex;
  align-items: stretch;
  overflow: hidden;
  min-height: 58px;
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-label {
  background: var(--ql-bn-label-bg);
  color: var(--color-text-inverse);
  font-weight: 700;
  font-size: var(--qiling-text-rem-0p95);
  min-width: var(--qiling-measure-118);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--qiling-space-18);
  letter-spacing: var(--qiling-tracking-em-0p02);
  flex-shrink: 0;
  box-shadow: inset -1px 0 0 rgba(var(--color-surface-rgb), 0.14);
}.qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-viewport {
  overflow: hidden;
  flex: 1;
  position: relative;
}.qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-track {
  display: flex;
  width: max-content;
  min-width: var(--qiling-measure-pct-100);
  animation: qlBnTickerScroll var(--ql-bn-speed) linear infinite;
}.qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-row {
  display: flex;
  align-items: center;
  padding: 0 var(--qiling-space-22);
  white-space: nowrap;
  gap: var(--qiling-space-18);
}.qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-item {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-8);
  color: var(--ql-bn-text);
  text-decoration: none;
  font-size: var(--qiling-text-rem-0p95);
  line-height: 1.35;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
  font-weight: 500;
}.qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-item:hover {
  opacity: 0.86;
  transform: translateY(-1px);
}.qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-text {
  font-weight: 600;
}.qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(var(--color-primary-rgb), 0.46);
  display: inline-block;
  flex-shrink: 0;
}.qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-time {
  color: currentColor;
  font-size: var(--qiling-text-rem-0p82);
  opacity: 0.72;
  padding: var(--qiling-space-3) var(--qiling-space-8);
  border-radius: 999px;
  background: rgba(var(--color-primary-rgb), 0.08);
  border: 1px solid rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .is-pause-hover:hover .ql-bn-track {
  animation-play-state: paused;
}html.dark-mode .qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-wrap {
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-label {
  box-shadow: inset -1px 0 0 rgba(var(--color-surface-rgb), 0.08);
}html.dark-mode .qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-time {
  background: rgba(var(--color-primary-rgb), 0.14);
  border-color: rgba(var(--color-primary-rgb), 0.18);
}
@keyframes qlBnTickerScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}@media (max-width: 767px){.qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-wrap {
    min-height: 48px;
  }.qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-label {
    min-width: var(--qiling-measure-88);
    font-size: var(--qiling-text-rem-0p85);
    padding: 0 var(--qiling-space-10);
  }.qiling-module-scope-breaking_news_ticker .module-breaking-news-ticker .ql-bn-item {
    font-size: var(--qiling-text-rem-0p88);
  }
}

.qiling-module-scope-cases .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-cases .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-cases .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-cases .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-cases .features-tab-btn .tab-icon,
.qiling-module-scope-cases .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-cases .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-cases .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-cases .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-cases .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-cases .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-cases .features-tabs-content {
  position: relative;
}.qiling-module-scope-cases .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-cases .features-tab-pane.active {
  display: block;
}.qiling-module-scope-cases .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-cases .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-cases .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-cases .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-cases .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-cases .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-cases .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-cases .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-cases .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-cases .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-cases .features-grid-2,
.qiling-module-scope-cases .features-grid-3,
.qiling-module-scope-cases .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-cases /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-cases .module-decor.d-left {
  left: 0;
}.qiling-module-scope-cases .module-decor.d-right {
  right: 0;
}.qiling-module-scope-cases .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-cases /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-cases .module-decor svg path,
.qiling-module-scope-cases .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-cases /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-cases .module-decor {
    display: none !important;
  }}.qiling-module-scope-cases .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-cases .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-cases .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-cases .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-cases .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-cases /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-cases .ql-travel-cols-2,
.qiling-module-scope-cases .ql-travel-cols-3,
.qiling-module-scope-cases .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-cases .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-cases /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-cases /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-cases .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-cases .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-cases .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-cases .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-cases .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-cases .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-cases /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-cases /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-cases /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-cases [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-cases .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-cases /* ===== 案例 (cases) ===== */

.module-cases .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-cases .module-cases .category-tabs {
  margin-bottom: var(--qiling-space-34);
}.qiling-module-scope-cases .module-cases .category-tabs .tab-btn {
  padding: var(--qiling-space-10) var(--qiling-space-18);
  margin: 0 var(--qiling-space-8) var(--qiling-space-8) 0;
  border: 1px solid var(--qiling-component-tabs-border);
  background: var(--qiling-color-transparent);
  color: var(--qiling-component-tabs-text);
  border-radius: var(--qiling-button-radius);
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
}.qiling-module-scope-cases .module-cases .category-tabs .tab-btn:hover,
.qiling-module-scope-cases .module-cases .category-tabs .tab-btn.active {
  background: var(--qiling-component-tabs-active-bg);
  color: var(--qiling-component-tabs-active-text);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-cases .module-cases .cases-grid {
  display: grid;
  gap: var(--qiling-space-28);
}.qiling-module-scope-cases .module-cases .cases-grid.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-cases .module-cases .cases-grid.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-cases .module-cases .cases-grid.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}.qiling-module-scope-cases .module-cases.module-cases .cases-grid .case-card {
  background: var(--qiling-component-post-card-bg) !important;
  border: 1px solid var(--qiling-component-post-card-border) !important;
  border-radius: var(--qiling-card-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--qiling-component-post-card-shadow) !important;
  display: flex;
  flex-direction: column;
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}.qiling-module-scope-cases .module-cases.module-cases .cases-grid .case-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.18) !important;
}.qiling-module-scope-cases .module-cases .case-thumb img {
  transition: transform 0.45s ease;
}.qiling-module-scope-cases .module-cases .case-card:hover .case-thumb img {
  transform: scale(1.06);
}.qiling-module-scope-cases .module-cases .case-info {
  padding: var(--qiling-space-20) var(--qiling-space-18) var(--qiling-space-22) !important;
}.qiling-module-scope-cases .module-cases .case-title {
  margin: 0 !important;
  font-size: var(--qiling-text-rem-1p08) !important;
  line-height: 1.45;
}.qiling-module-scope-cases .module-cases .case-title a {
  color: var(--qiling-component-post-card-title-color);
  font-weight: 700;
  text-decoration: none;
}.qiling-module-scope-cases .module-cases .case-overlay {
  background: var(--qiling-gradient-brand) !important;
}.qiling-module-scope-cases .module-cases .case-overlay span {
  color: var(--color-text-inverse);
}.qiling-module-scope-cases .module-cases .case-card:hover .case-overlay {
  opacity: 1;
}@media (max-width: 1024px){.qiling-module-scope-cases .module-cases .cases-grid.grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (max-width: 767px){.qiling-module-scope-cases .module-cases .cases-grid.grid-cols-4,
.qiling-module-scope-cases .module-cases .cases-grid.grid-cols-3,
.qiling-module-scope-cases .module-cases .cases-grid.grid-cols-2 {
    grid-template-columns: 1fr;
  }
}html.dark-mode .qiling-module-scope-cases .module-cases.module-cases .cases-grid .case-card {
  background: var(
    --qiling-component-post-card-bg-dark,
    var(--qiling-component-post-card-bg)
  );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  ) !important;
}

.qiling-module-scope-category_tabs .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-category_tabs .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-category_tabs .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-category_tabs .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-category_tabs .features-tab-btn .tab-icon,
.qiling-module-scope-category_tabs .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-category_tabs .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-category_tabs .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-category_tabs .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-category_tabs .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-category_tabs .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-category_tabs .features-tabs-content {
  position: relative;
}.qiling-module-scope-category_tabs .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-category_tabs .features-tab-pane.active {
  display: block;
}.qiling-module-scope-category_tabs .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-category_tabs .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-category_tabs .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-category_tabs .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-category_tabs .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-category_tabs .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-category_tabs .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-category_tabs .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-category_tabs .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-category_tabs .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-category_tabs .features-grid-2,
.qiling-module-scope-category_tabs .features-grid-3,
.qiling-module-scope-category_tabs .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-category_tabs /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-category_tabs .module-decor.d-left {
  left: 0;
}.qiling-module-scope-category_tabs .module-decor.d-right {
  right: 0;
}.qiling-module-scope-category_tabs .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-category_tabs /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-category_tabs .module-decor svg path,
.qiling-module-scope-category_tabs .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-category_tabs /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-category_tabs .module-decor {
    display: none !important;
  }}.qiling-module-scope-category_tabs .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-category_tabs .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-category_tabs .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-category_tabs .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-category_tabs .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-category_tabs /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-category_tabs .ql-travel-cols-2,
.qiling-module-scope-category_tabs .ql-travel-cols-3,
.qiling-module-scope-category_tabs .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-category_tabs .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-category_tabs /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-category_tabs /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-category_tabs .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-category_tabs .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-category_tabs .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-category_tabs .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-category_tabs .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-category_tabs .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-category_tabs /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-category_tabs /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-category_tabs /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-category_tabs [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-category_tabs .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-category_tabs /* 分类选项卡模块样式 (Category Tabs Module Style) */
.module-category-tabs .cat-tabs-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--qiling-space-12);
  margin-bottom: var(--qiling-space-34);
}.qiling-module-scope-category_tabs .module-category-tabs .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-category_tabs .module-category-tabs .cat-tab-btn {
  padding: var(--qiling-space-10) var(--qiling-space-18);
  border-radius: var(--qiling-button-radius);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-component-tabs-border);
  color: var(--qiling-component-tabs-text);
  font-size: var(--qiling-text-15);
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer;
  box-shadow: none;
}.qiling-module-scope-category_tabs .module-category-tabs .cat-tab-btn:hover {
  color: var(--qiling-component-tabs-active-text);
  border-color: var(--qiling-component-tabs-active-border);
  background: var(--qiling-component-tabs-active-bg);
  transform: translateY(-1px);
}.qiling-module-scope-category_tabs .module-category-tabs .cat-tab-btn.active {
  background: var(--qiling-component-tabs-active-bg);
  color: var(--qiling-component-tabs-active-text);
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: none;
}.qiling-module-scope-category_tabs /* 网格布局 (Grid Layout) */
.module-category-tabs .cat-tabs-grid {
  display: grid;
  gap: var(--qiling-space-28);
  min-height: 200px;
}.qiling-module-scope-category_tabs .module-category-tabs .cat-tabs-grid.grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}.qiling-module-scope-category_tabs .module-category-tabs .cat-tabs-grid.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}.qiling-module-scope-category_tabs .module-category-tabs .cat-tabs-grid.grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}.qiling-module-scope-category_tabs .module-category-tabs .cat-tabs-grid.grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}.qiling-module-scope-category_tabs /* 文章项 (Post Item) */
.module-category-tabs.module-category-tabs .cat-tabs-grid .cat-tab-post-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-primary-rgb), 0) 100%
    ),
    var(--qiling-component-post-card-bg);
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}.qiling-module-scope-category_tabs .module-category-tabs .cat-tab-post-item:hover {
  transform: translateY(-5px);
  border-color: rgba(var(--color-primary-rgb), 0.16);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-category_tabs .module-category-tabs .post-media {
  position: relative;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}.qiling-module-scope-category_tabs /* 宽高比 (Aspect Ratios) */
.module-category-tabs .post-thumbnail-link {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-category_tabs .module-category-tabs .ratio-16-9 .post-thumbnail-link {
  padding-top: var(--qiling-space-pct-56p25);
}.qiling-module-scope-category_tabs .module-category-tabs .ratio-4-3 .post-thumbnail-link {
  padding-top: var(--qiling-space-pct-75);
}.qiling-module-scope-category_tabs .module-category-tabs .ratio-1-1 .post-thumbnail-link {
  padding-top: var(--qiling-space-pct-100);
}.qiling-module-scope-category_tabs .module-category-tabs .ratio-3-4 .post-thumbnail-link {
  padding-top: var(--qiling-space-pct-133p33);
}.qiling-module-scope-category_tabs .module-category-tabs .post-thumbnail-link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}.qiling-module-scope-category_tabs .module-category-tabs .cat-tab-post-item:hover .post-thumbnail-link img {
  transform: scale(1.05);
}.qiling-module-scope-category_tabs .module-category-tabs .video-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(
    --qiling-cover-badge-video-bg,
    var(--qiling-component-button-bg)
  );
  color: var(
    --qiling-cover-badge-video-text,
    var(--qiling-component-button-text)
  );
  border: 1px solid var(--qiling-component-button-border, var(--qiling-button-bg, var(--color-primary)));
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-category_tabs .module-category-tabs .post-cat-badges {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
}.qiling-module-scope-category_tabs .module-category-tabs .post-cat-badge {
  display: inline-block;
  padding: var(--qiling-space-5) var(--qiling-space-10);
  background: var(
    --qiling-cover-badge-category-bg,
    var(--qiling-component-badge-bg)
  );
  color: var(
    --qiling-cover-badge-category-text,
    var(--qiling-component-badge-text)
  );
  font-size: var(--qiling-text-12);
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid var(--qiling-color-transparent);
  transition: all 0.2s;
}.qiling-module-scope-category_tabs .module-category-tabs .post-cat-badge:hover {
  background: var(
    --qiling-cover-badge-category-bg,
    var(--qiling-component-tabs-active-bg)
  );
  color: var(
    --qiling-cover-badge-category-text,
    var(--qiling-component-tabs-active-text)
  );
}.qiling-module-scope-category_tabs .module-category-tabs .post-body {
  padding: var(--qiling-space-18) var(--qiling-space-18) var(--qiling-space-20);
  flex: 1;
  display: flex;
  flex-direction: column;
}.qiling-module-scope-category_tabs .module-category-tabs .post-title {
  margin: 0 0 var(--qiling-space-12);
  font-size: var(--qiling-text-16);
  font-weight: 700;
  line-height: 1.45;
}.qiling-module-scope-category_tabs .module-category-tabs .post-title a {
  color: var(--qiling-component-post-card-title-color);
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s;
}.qiling-module-scope-category_tabs .module-category-tabs .post-title a:hover {
  color: var(--primary-color, var(--color-primary));
}.qiling-module-scope-category_tabs .module-category-tabs .post-meta {
  margin-top: auto;
  display: flex;
  align-items: center;
  font-size: var(--qiling-text-13);
  color: var(--qiling-component-post-card-meta-color);
  gap: var(--qiling-space-12);
}.qiling-module-scope-category_tabs .module-category-tabs .meta-item {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-4);
}.qiling-module-scope-category_tabs .module-category-tabs .post-image-facts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qiling-space-6);
  margin: 0 0 var(--qiling-space-12);
}.qiling-module-scope-category_tabs .module-category-tabs .post-image-facts span {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: var(--qiling-space-4) var(--qiling-space-9);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: 999px;
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
  color: var(--qiling-component-post-card-meta-color);
  font-size: var(--qiling-text-12);
  line-height: 1;
}.qiling-module-scope-category_tabs .module-category-tabs .post-image-facts .resource-price {
  border-color: rgba(var(--color-primary-rgb), 0.18);
  background: rgba(var(--color-primary-rgb), 0.08);
  color: var(--color-primary);
  font-weight: 700;
}.qiling-module-scope-category_tabs .module-category-tabs .cat-tab-resource-action {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: var(--qiling-space-7);
  margin-top: var(--qiling-space-14);
  padding: var(--qiling-space-9) var(--qiling-space-14);
  border: 1px solid var(--category-tabs-action-border, var(--category-tabs-action-bg, var(--qiling-component-button-border)));
  border-radius: var(--qiling-button-radius);
  background: var(--category-tabs-action-bg, var(--qiling-component-button-bg));
  color: var(--category-tabs-action-text, var(--qiling-component-button-text));
  font-size: var(--qiling-text-14);
  font-weight: 700;
  text-decoration: none;
  transition: all 0.25s ease;
}.qiling-module-scope-category_tabs .module-category-tabs .cat-tab-resource-action:hover {
  border-color: var(--category-tabs-action-hover-border, var(--category-tabs-action-hover-bg, var(--qiling-component-button-hover-border, var(--color-primary-hover))));
  background: var(--category-tabs-action-hover-bg, var(--qiling-component-button-hover-bg, var(--color-primary-hover)));
  color: var(--category-tabs-action-hover-text, var(--qiling-component-button-hover-text, var(--color-text-inverse)));
  transform: translateY(-1px);
}.qiling-module-scope-category_tabs .module-category-tabs .card-style-wallpaper .post-body {
  padding: var(--qiling-space-14) var(--qiling-space-14) var(--qiling-space-16);
}.qiling-module-scope-category_tabs .module-category-tabs .card-style-wallpaper .post-title {
  margin-bottom: var(--qiling-space-9);
}.qiling-module-scope-category_tabs .module-category-tabs .card-style-wallpaper .post-meta {
  font-size: var(--qiling-text-12);
}.qiling-module-scope-category_tabs /* 加载更多 (Load More) */
.module-category-tabs .cat-tabs-load-more {
  text-align: center;
  margin-top: var(--qiling-space-36);
}.qiling-module-scope-category_tabs .module-category-tabs .btn-load-more {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-component-button-padding);
  background: var(--category-tabs-more-bg, var(--qiling-module-button-bg, var(--qiling-component-button-bg)));
  color: var(--category-tabs-more-text, var(--qiling-module-button-text, var(--qiling-component-button-text)));
  border: 1px solid var(--category-tabs-more-border, var(--category-tabs-more-bg, var(--qiling-component-button-border)));
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-15);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-category_tabs .module-category-tabs .btn-load-more:hover {
  background: var(--category-tabs-more-hover-bg, var(--qiling-module-button-hover-bg, var(--qiling-component-button-hover-bg, var(--color-primary-hover))));
  color: var(--category-tabs-more-hover-text, var(--qiling-module-button-hover-text, var(--qiling-component-button-hover-text, #ffffff)));
  border-color: var(--category-tabs-more-hover-border, var(--category-tabs-more-hover-bg, var(--qiling-component-button-hover-bg)));
}.qiling-module-scope-category_tabs .module-category-tabs .btn-load-more.loading {
  opacity: 0.8;
  cursor: not-allowed;
}.qiling-module-scope-category_tabs html.dark-mode
  .module-category-tabs.module-category-tabs
  .cat-tabs-grid
  .cat-tab-post-item {
  background: var(
    --qiling-component-post-card-bg-dark,
    var(--qiling-component-post-card-bg)
  );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}.qiling-module-scope-category_tabs /* 加载动画 (Loading Spinner) */
.module-category-tabs .loading-spinner {
  width: 40px;
  height: 40px;
  border: 3px solid var(--qiling-component-tabs-border);
  border-top-color: var(--qiling-component-tabs-active-border);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}.qiling-module-scope-category_tabs .module-category-tabs .loading-spinner-wrapper {
  grid-column: 1 / -1;
  padding: var(--qiling-space-40) 0;
  text-align: center;
}.qiling-module-scope-category_tabs .module-category-tabs .no-posts,
.qiling-module-scope-category_tabs .module-category-tabs .error-msg {
  grid-column: 1 / -1;
  text-align: center;
  padding: var(--qiling-space-40);
  color: var(--color-text-muted);
  background: var(--color-surface-alt);
  border-radius: 8px;
}.qiling-module-scope-category_tabs /* 响应式 (Responsive) */
@media (max-width: 1024px) {
  .module-category-tabs .cat-tabs-grid.grid-cols-5,
  .module-category-tabs .cat-tabs-grid.grid-cols-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}@media (max-width: 768px){.qiling-module-scope-category_tabs .module-category-tabs .cat-tabs-grid.grid-cols-5,
.qiling-module-scope-category_tabs .module-category-tabs .cat-tabs-grid.grid-cols-4,
.qiling-module-scope-category_tabs .module-category-tabs .cat-tabs-grid.grid-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }.qiling-module-scope-category_tabs .module-category-tabs .cat-tabs-nav {
    gap: var(--qiling-space-10);
    margin-bottom: var(--qiling-space-30);
  }.qiling-module-scope-category_tabs .module-category-tabs .cat-tab-btn {
    padding: var(--qiling-space-8) var(--qiling-space-16);
    font-size: var(--qiling-text-14);
  }
}@media (max-width: 480px){.qiling-module-scope-category_tabs .module-category-tabs .cat-tabs-grid.grid-cols-5,
.qiling-module-scope-category_tabs .module-category-tabs .cat-tabs-grid.grid-cols-4,
.qiling-module-scope-category_tabs .module-category-tabs .cat-tabs-grid.grid-cols-3,
.qiling-module-scope-category_tabs .module-category-tabs .cat-tabs-grid.grid-cols-2 {
    grid-template-columns: 1fr;
  }
}.qiling-module-scope-category_tabs .module-category-tabs.module-category-tabs .btn-load-more {
  background: var(--category-tabs-more-bg, var(--qiling-module-button-bg, var(--qiling-component-button-bg)));
  color: var(--category-tabs-more-text, var(--qiling-module-button-text, var(--qiling-component-button-text)));
  border-color: var(--category-tabs-more-border, var(--category-tabs-more-bg, var(--qiling-component-button-border)));
}.qiling-module-scope-category_tabs .module-category-tabs.module-category-tabs .btn-load-more:hover {
  background: var(--category-tabs-more-hover-bg, var(--qiling-module-button-hover-bg, var(--qiling-component-button-hover-bg)));
  color: var(--category-tabs-more-hover-text, var(--qiling-module-button-hover-text, var(--qiling-component-button-hover-text)));
  border-color: var(--category-tabs-more-hover-border, var(--category-tabs-more-hover-bg, var(--qiling-component-button-hover-bg)));
}.qiling-module-scope-category_tabs .module-category-tabs.module-category-tabs .btn-load-more { color: var(--category-tabs-more-text, #ffffff); }.qiling-module-scope-category_tabs .module-category-tabs.module-category-tabs .btn-load-more:hover { color: var(--category-tabs-more-hover-text, #ffffff); }.qiling-module-scope-category_tabs .module-category-tabs.module-category-tabs .post-cat-badge {
  background: var(
    --qiling-cover-badge-category-bg,
    var(--qiling-component-badge-bg)
  );
  color: var(
    --qiling-cover-badge-category-text,
    var(--qiling-component-badge-text)
  );
}

.qiling-module-scope-certificate_honors .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-certificate_honors .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-certificate_honors .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-certificate_honors .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-certificate_honors .features-tab-btn .tab-icon,
.qiling-module-scope-certificate_honors .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-certificate_honors .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-certificate_honors .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-certificate_honors .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-certificate_honors .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-certificate_honors .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-certificate_honors .features-tabs-content {
  position: relative;
}.qiling-module-scope-certificate_honors .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-certificate_honors .features-tab-pane.active {
  display: block;
}.qiling-module-scope-certificate_honors .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-certificate_honors .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-certificate_honors .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-certificate_honors .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-certificate_honors .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-certificate_honors .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-certificate_honors .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-certificate_honors .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-certificate_honors .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-certificate_honors .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-certificate_honors .features-grid-2,
.qiling-module-scope-certificate_honors .features-grid-3,
.qiling-module-scope-certificate_honors .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-certificate_honors /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-certificate_honors .module-decor.d-left {
  left: 0;
}.qiling-module-scope-certificate_honors .module-decor.d-right {
  right: 0;
}.qiling-module-scope-certificate_honors .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-certificate_honors /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-certificate_honors .module-decor svg path,
.qiling-module-scope-certificate_honors .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-certificate_honors /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-certificate_honors .module-decor {
    display: none !important;
  }}.qiling-module-scope-certificate_honors .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-certificate_honors .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-certificate_honors .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-certificate_honors .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-certificate_honors .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-certificate_honors /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-certificate_honors .ql-travel-cols-2,
.qiling-module-scope-certificate_honors .ql-travel-cols-3,
.qiling-module-scope-certificate_honors .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-certificate_honors .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-certificate_honors /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-certificate_honors /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-certificate_honors .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-certificate_honors .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-certificate_honors .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-certificate_honors .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-certificate_honors .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-certificate_honors .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-certificate_honors /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-certificate_honors /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-certificate_honors /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-certificate_honors [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-certificate_honors .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-certificate_honors /* ===== 证书荣誉模块 (Certificate Honors Module) ===== */
.module-certificate-honors .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--qiling-space-12);
  margin: 0 auto var(--qiling-space-36);
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-filter-btn {
  border: 1px solid var(--qiling-component-post-card-border);
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
  color: var(--color-text-muted);
  border-radius: 999px;
  padding: var(--qiling-space-9) var(--qiling-space-16);
  font-size: var(--qiling-text-rem-0p86);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-filter-btn:hover,
.qiling-module-scope-certificate_honors .module-certificate-honors .ch-filter-btn.is-active {
  border-color: rgba(var(--color-primary-rgb), 0.28);
  color: var(--qiling-component-tabs-active-text, var(--color-text-inverse));
  background: var(
    --qiling-component-tabs-active-bg,
    var(--qiling-gradient-brand)
  );
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.16);
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--qiling-space-22);
}.qiling-module-scope-certificate_honors .module-certificate-honors[data-cols="2"] .ch-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-certificate_honors .module-certificate-honors[data-cols="4"] .ch-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.22);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-media {
  position: relative;
  aspect-ratio: 4 / 3;
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  padding: var(--qiling-space-5) var(--qiling-space-10);
  border-radius: 999px;
  font-size: var(--qiling-text-12);
  font-weight: 600;
  color: var(--qiling-component-badge-text);
  background: var(--qiling-component-badge-bg);
  background: color-mix(
    in srgb,
    var(--qiling-component-badge-bg) 90%,
    var(--qiling-color-rgba-255-255-255-01)
  );
  border: 1px solid rgba(var(--color-surface-rgb), 0.2);
  backdrop-filter: blur(6px);
  box-shadow: 0 10px 24px var(--qiling-color-rgba-15-23-42-014);
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-body {
  padding: var(--qiling-space-18) var(--qiling-space-18) var(--qiling-space-20);
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-cat {
  display: inline-flex;
  align-items: center;
  padding: var(--qiling-space-4) var(--qiling-space-10);
  border-radius: 999px;
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border: 1px solid var(--qiling-color-transparent);
  font-size: var(--qiling-text-12);
  font-weight: 600;
  margin-bottom: var(--qiling-space-10);
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-title {
  margin: 0 0 var(--qiling-space-12);
  color: var(--color-heading);
  font-size: var(--qiling-text-rem-1p06);
  line-height: 1.55;
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-meta {
  display: grid;
  gap: var(--qiling-space-8);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-13);
  line-height: 1.58;
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--qiling-space-16);
  padding: var(--qiling-space-10) var(--qiling-space-16);
  border: 1px solid var(--qiling-component-button-border);
  border-radius: 999px;
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  font-size: var(--qiling-text-13);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-link:hover {
  border-color: var(--qiling-component-button-hover-bg);
  color: var(--qiling-component-button-hover-text);
  background: var(--qiling-component-button-hover-bg);
  transform: translateY(-1px);
}@media (max-width: 1024px){.qiling-module-scope-certificate_honors .module-certificate-honors .ch-grid,
.qiling-module-scope-certificate_honors .module-certificate-honors[data-cols="4"] .ch-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (max-width: 768px){.qiling-module-scope-certificate_honors .module-certificate-honors .ch-grid,
.qiling-module-scope-certificate_honors .module-certificate-honors[data-cols="2"] .ch-grid,
.qiling-module-scope-certificate_honors .module-certificate-honors[data-cols="4"] .ch-grid {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-16);
  }
}html.dark-mode .qiling-module-scope-certificate_honors .module-certificate-honors .ch-filter-btn {
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
  background: var(--qiling-component-surface-alt-bg, var(--color-neutral-900));
  color: var(--color-neutral-300);
}html.dark-mode .qiling-module-scope-certificate_honors .module-certificate-honors .ch-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      var(--qiling-color-rgba-15-23-42-0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--color-neutral-900));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
  box-shadow: var(--qiling-component-post-card-shadow);
}html.dark-mode .qiling-module-scope-certificate_honors .module-certificate-honors .ch-title {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-certificate_honors .module-certificate-honors .ch-meta {
  color: var(--color-neutral-400);
}html.dark-mode .qiling-module-scope-certificate_honors .module-certificate-honors .ch-link {
  border-color: var(--qiling-component-button-border);
  color: var(--qiling-component-button-text);
}.qiling-module-scope-certificate_honors .module-certificate-honors .ch-link,
html.dark-mode .qiling-module-scope-certificate_honors .module-certificate-honors .ch-link { color: var(--ch-link-text, #ffffff); }.qiling-module-scope-certificate_honors .module-certificate-honors .ch-link:hover { color: var(--ch-link-hover-text, #ffffff); }

.qiling-module-scope-chart .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-chart .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-chart .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-chart .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-chart .features-tab-btn .tab-icon,
.qiling-module-scope-chart .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-chart .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-chart .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-chart .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-chart .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-chart .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-chart .features-tabs-content {
  position: relative;
}.qiling-module-scope-chart .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-chart .features-tab-pane.active {
  display: block;
}.qiling-module-scope-chart .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-chart .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-chart .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-chart .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-chart .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-chart .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-chart .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-chart .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-chart .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-chart .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-chart .features-grid-2,
.qiling-module-scope-chart .features-grid-3,
.qiling-module-scope-chart .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-chart /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-chart .module-decor.d-left {
  left: 0;
}.qiling-module-scope-chart .module-decor.d-right {
  right: 0;
}.qiling-module-scope-chart .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-chart /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-chart .module-decor svg path,
.qiling-module-scope-chart .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-chart /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-chart .module-decor {
    display: none !important;
  }}.qiling-module-scope-chart .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-chart .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-chart .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-chart .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-chart .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-chart /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-chart .ql-travel-cols-2,
.qiling-module-scope-chart .ql-travel-cols-3,
.qiling-module-scope-chart .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-chart .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-chart /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-chart /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-chart .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-chart .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-chart .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-chart .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-chart .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-chart .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-chart /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-chart /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-chart /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-chart [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-chart .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-chart /* ===== 图表 (chart) ===== */
.module-chart {
  padding: var(--qiling-space-18) var(--qiling-space-18) var(--qiling-space-12);
  border-radius: var(--qiling-card-radius);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-chart .module-chart .chart-container {
  border-radius: calc(var(--qiling-card-radius) - 6px);
  overflow: hidden;
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
}.qiling-module-scope-chart .module-chart canvas {
  display: block;
  max-width: var(--qiling-measure-pct-100);
}html.dark-mode .qiling-module-scope-chart .module-chart {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(
      --qiling-component-post-card-bg-dark,
      var(--qiling-component-post-card-bg)
    );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-chart .module-chart .chart-container {
  background: rgba(var(--color-surface-rgb), 0.04);
}@media (max-width: 767px){.qiling-module-scope-chart .module-chart {
    padding: var(--qiling-space-14) var(--qiling-space-14)
      var(--qiling-space-10);
  }
}

.qiling-module-scope-circle_wheel .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-circle_wheel .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-circle_wheel .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-circle_wheel .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-circle_wheel .features-tab-btn .tab-icon,
.qiling-module-scope-circle_wheel .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-circle_wheel .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-circle_wheel .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-circle_wheel .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-circle_wheel .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-circle_wheel .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-circle_wheel .features-tabs-content {
  position: relative;
}.qiling-module-scope-circle_wheel .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-circle_wheel .features-tab-pane.active {
  display: block;
}.qiling-module-scope-circle_wheel .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-circle_wheel .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-circle_wheel .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-circle_wheel .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-circle_wheel .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-circle_wheel .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-circle_wheel .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-circle_wheel .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-circle_wheel .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-circle_wheel .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-circle_wheel .features-grid-2,
.qiling-module-scope-circle_wheel .features-grid-3,
.qiling-module-scope-circle_wheel .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-circle_wheel /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-circle_wheel .module-decor.d-left {
  left: 0;
}.qiling-module-scope-circle_wheel .module-decor.d-right {
  right: 0;
}.qiling-module-scope-circle_wheel .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-circle_wheel /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-circle_wheel .module-decor svg path,
.qiling-module-scope-circle_wheel .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-circle_wheel /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-circle_wheel .module-decor {
    display: none !important;
  }}.qiling-module-scope-circle_wheel .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-circle_wheel .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-circle_wheel .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-circle_wheel .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-circle_wheel .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-circle_wheel /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-circle_wheel .ql-travel-cols-2,
.qiling-module-scope-circle_wheel .ql-travel-cols-3,
.qiling-module-scope-circle_wheel .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-circle_wheel .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-circle_wheel /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-circle_wheel /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-circle_wheel .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-circle_wheel .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-circle_wheel .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-circle_wheel .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-circle_wheel .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-circle_wheel .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-circle_wheel /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-circle_wheel /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-circle_wheel /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-circle_wheel [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-circle_wheel .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-circle_wheel /* ===== 圆形交互轮盘模块 (Circle Wheel Module) ===== */
.module-circle-wheel {
  position: relative;
  overflow: hidden;
  color: var(--color-text-inverse);
  background-color: var(--color-neutral-900);
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-000000);
  z-index: 1;
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-header {
  text-align: center;
  margin-bottom: var(--qiling-space-52);
  z-index: 10;
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-main-title {
  font-size: var(--qiling-text-rem-2p5);
  font-weight: 700;
  margin: 0 0 var(--qiling-space-16);
  color: var(--color-text-inverse);
  line-height: 1.12;
  letter-spacing: var(--qiling-tracking-neg-em-0p02);
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-sub-title {
  font-size: var(--qiling-text-rem-1p1);
  max-width: var(--qiling-measure-720);
  margin: 0 auto;
  line-height: 1.75;
  color: rgba(var(--color-surface-rgb), 0.74);
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-wrapper {
  position: relative;
  width: 100%;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}.qiling-module-scope-circle_wheel /* 详情面板 (左/右) (Details Panels Left/Right) */
.wheel-details-panel {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 300px;
  transition: all 0.4s ease-out;
  opacity: 0;
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-details-panel {
  width: 320px;
  border-radius: var(--qiling-card-radius);
  background: linear-gradient(
    180deg,
    rgba(var(--color-primary-rgb), 0.08) 0%,
    rgba(var(--color-surface-rgb), 0.02) 100%
  );
  border: 1px solid rgba(var(--color-surface-rgb), 0.12);
  box-shadow: 0 24px 60px var(--qiling-color-rgba-2-6-23-028);
  backdrop-filter: blur(14px);
}.qiling-module-scope-circle_wheel .wheel-details-panel.detail-left {
  left: 0;
  text-align: right;
  padding-right: var(--qiling-space-40);
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-details-panel.detail-left {
  left: 12px;
  padding: var(--qiling-space-28) var(--qiling-space-30) var(--qiling-space-28)
    var(--qiling-space-24);
}.qiling-module-scope-circle_wheel .wheel-details-panel.detail-right {
  right: 0;
  text-align: left;
  padding-left: var(--qiling-space-40);
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-details-panel.detail-right {
  right: 12px;
  padding: var(--qiling-space-28) var(--qiling-space-24) var(--qiling-space-28)
    var(--qiling-space-30);
}.qiling-module-scope-circle_wheel .wheel-details-panel .detail-title {
  font-size: var(--qiling-text-rem-1p8);
  font-weight: 700;
  color: var(--qiling-color-4ffbdf);
  margin: 0 0 var(--qiling-space-16);
  text-shadow: 0 0 20px var(--qiling-color-rgba-79-251-223-03);
}.qiling-module-scope-circle_wheel .module-circle-wheel .detail-title {
  color: var(--wheel-highlight-color, var(--color-primary));
  line-height: 1.2;
  margin-bottom: var(--qiling-space-14);
}.qiling-module-scope-circle_wheel .wheel-details-panel .detail-desc {
  font-size: var(--qiling-text-rem-1);
  line-height: 1.6;
  color: rgba(var(--color-surface-rgb), 0.8);
}.qiling-module-scope-circle_wheel .module-circle-wheel .detail-desc {
  line-height: 1.75;
}.qiling-module-scope-circle_wheel /* 中心舞台 (Center Stage) */
.wheel-center-stage {
  width: 500px;
  height: 500px;
  position: relative;
  border-radius: 50%;
}.qiling-module-scope-circle_wheel /* 装饰性圆环边框 (Decorative Ring Borders) */
.wheel-ring-border {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(var(--color-surface-rgb), 0.1);
  border-radius: 50%;
  box-shadow: 0 0 50px var(--qiling-color-rgba-0-0-0-05);
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-ring-border {
  border-color: rgba(var(--color-surface-rgb), 0.14);
  box-shadow:
    inset 0 0 0 1px rgba(var(--color-primary-rgb), 0.08),
    0 24px 64px var(--qiling-color-rgba-2-6-23-03);
}.qiling-module-scope-circle_wheel .wheel-ring-inner-border {
  position: absolute;
  inset: 80px;
  border: 1px solid rgba(var(--color-surface-rgb), 0.05);
  border-radius: 50%;
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-ring-inner-border {
  border-color: rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-circle_wheel /* 旋转项目环 (Rotating Items Ring) */
.wheel-items-ring {
  position: absolute;
  inset: 0;
  animation: slowSpin 60s linear infinite;
}.qiling-module-scope-circle_wheel .wheel-items-ring:hover {
  animation-play-state: paused;
}

@keyframes slowSpin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}.qiling-module-scope-circle_wheel /* 单个项目 (Individual Item) — 旋转由内联样式 (PHP) 控制 */
.wheel-item {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  display: flex;
  justify-content: center;
  cursor: pointer;
}.qiling-module-scope-circle_wheel /* 项目内容 (文字 + 圆点) (Item Content Text + Dot) */
.wheel-item-content {
  position: absolute;
  bottom: 0;
  left: -100px;
  width: 200px;
  text-align: center;
  transition: all 0.3s;
  opacity: 0.8;
  border: 0 !important;
  animation: none !important;
  background: var(--qiling-color-transparent) !important;
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-item-content {
  width: 188px;
  left: -94px;
}

@keyframes corePulse {
  0% {
    transform: scale(0.9);
    opacity: 0.5;
  }

  50% {
    transform: scale(1.1);
    opacity: 0.1;
  }

  100% {
    transform: scale(0.9);
    opacity: 0.5;
  }
}.qiling-module-scope-circle_wheel .wheel-item:hover .wheel-item-content,
.qiling-module-scope-circle_wheel .wheel-item.active .wheel-item-content {
  opacity: 1;
  transform: rotate(var(--counter-angle)) scale(1.1);
}.qiling-module-scope-circle_wheel .wheel-item .ring-text {
  display: block;
  font-size: var(--qiling-text-rem-0p9);
  margin-bottom: var(--qiling-space-8);
  font-weight: 600;
  transition:
    transform 0.3s,
    color 0.3s,
    text-shadow 0.3s;
}.qiling-module-scope-circle_wheel .module-circle-wheel .ring-text {
  line-height: 1.5;
  color: rgba(var(--color-surface-rgb), 0.84);
}.qiling-module-scope-circle_wheel .wheel-item:hover .ring-text,
.qiling-module-scope-circle_wheel .wheel-item.active .ring-text {
  color: var(--qiling-color-4ffbdf);
  text-shadow: 0 0 10px var(--qiling-color-rgba-79-251-223-05);
  transform: scale(1.1);
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-item:hover .ring-text,
.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-item.active .ring-text {
  color: var(--wheel-highlight-color, var(--color-primary));
}.qiling-module-scope-circle_wheel .wheel-item .ring-dot {
  display: block;
  width: 8px;
  height: 8px;
  background: rgba(var(--color-surface-rgb), 0.3);
  border-radius: 50%;
  margin: 0 auto;
  transition: all 0.3s;
}.qiling-module-scope-circle_wheel .module-circle-wheel .ring-dot {
  width: 10px;
  height: 10px;
  border: 2px solid rgba(var(--color-surface-rgb), 0.22);
  background: rgba(var(--color-surface-rgb), 0.18);
}.qiling-module-scope-circle_wheel .wheel-item:hover .ring-dot,
.qiling-module-scope-circle_wheel .wheel-item.active .ring-dot {
  background: var(--qiling-color-4ffbdf);
  box-shadow: 0 0 10px var(--qiling-color-4ffbdf);
  transform: scale(1.5);
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-item:hover .ring-dot,
.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-item.active .ring-dot {
  background: var(--wheel-highlight-color, var(--color-primary));
  border-color: var(--qiling-color-transparent);
  box-shadow: 0 0 0 8px rgba(var(--color-primary-rgb), 0.16);
}.qiling-module-scope-circle_wheel /* 中心核心 (Center Core) */
.wheel-center-core {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  background: radial-gradient(
    circle,
    var(--color-neutral-800) 0%,
    var(--color-neutral-900) 100%
  );
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  box-shadow:
    0 0 30px var(--qiling-color-rgba-0-0-0-08),
    inset 0 0 20px rgba(var(--color-surface-rgb), 0.05);
  border: 1px solid rgba(var(--color-surface-rgb), 0.1);
}.qiling-module-scope-circle_wheel .wheel-center-core .core-center-point {
  width: 12px;
  height: 12px;
  background: var(--qiling-color-4ffbdf);
  border-radius: 50%;
  box-shadow: 0 0 15px var(--qiling-color-4ffbdf);
  position: relative;
  z-index: 2;
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-center-core .core-center-point {
  background: var(--wheel-highlight-color, var(--color-primary));
}.qiling-module-scope-circle_wheel .wheel-center-core .core-pulse {
  position: absolute;
  inset: -20px;
  border-radius: 50%;
  border: 2px solid var(--qiling-color-rgba-79-251-223-02);
  animation: corePulse 2s infinite;
}.qiling-module-scope-circle_wheel .module-circle-wheel .wheel-center-core .core-pulse {
  border-color: rgba(var(--color-primary-rgb), 0.2);
}.qiling-module-scope-circle_wheel /* 圆形轮盘响应式 (Responsive) */
@media (max-width: 1024px) {
  .module-circle-wheel .wheel-wrapper {
    display: none !important;
  }
}@media (max-width: 600px){.qiling-module-scope-circle_wheel .wheel-items-ring {
    grid-template-columns: 1fr;
  }
}

.qiling-module-scope-clients .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-clients .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-clients .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-clients .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-clients .features-tab-btn .tab-icon,
.qiling-module-scope-clients .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-clients .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-clients .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-clients .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-clients .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-clients .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-clients .features-tabs-content {
  position: relative;
}.qiling-module-scope-clients .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-clients .features-tab-pane.active {
  display: block;
}.qiling-module-scope-clients .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-clients .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-clients .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-clients .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-clients .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-clients .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-clients .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-clients .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-clients .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-clients .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-clients .features-grid-2,
.qiling-module-scope-clients .features-grid-3,
.qiling-module-scope-clients .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-clients /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-clients .module-decor.d-left {
  left: 0;
}.qiling-module-scope-clients .module-decor.d-right {
  right: 0;
}.qiling-module-scope-clients .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-clients /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-clients .module-decor svg path,
.qiling-module-scope-clients .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-clients /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-clients .module-decor {
    display: none !important;
  }}.qiling-module-scope-clients .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-clients .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-clients .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-clients .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-clients .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-clients /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-clients .ql-travel-cols-2,
.qiling-module-scope-clients .ql-travel-cols-3,
.qiling-module-scope-clients .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-clients .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-clients /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-clients /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-clients .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-clients .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-clients .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-clients .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-clients .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-clients .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-clients /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-clients /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-clients /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-clients [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-clients .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-clients /* ===== 客户/合作伙伴模块 (Module Clients/Partners) ===== */
.module-clients .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-clients .module-clients .clients-scroll-wrapper {
  overflow: hidden;
  position: relative;
  padding: var(--qiling-space-20) 0;
  /* 留出阴影空间 (Space for shadow) */
}.qiling-module-scope-clients .module-clients .clients-scroll-track {
  display: flex;
  width: max-content;
  animation: clientsScroll 30s linear infinite;
}.qiling-module-scope-clients .module-clients .clients-scroll-track:hover {
  animation-play-state: paused;
}.qiling-module-scope-clients .module-clients .clients-grid {
  display: grid;
  gap: var(--qiling-space-24);
  align-items: stretch;
}.qiling-module-scope-clients .module-clients .grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}.qiling-module-scope-clients .module-clients .grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}.qiling-module-scope-clients .module-clients .grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}.qiling-module-scope-clients .module-clients .client-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--qiling-space-26) var(--qiling-space-18) var(--qiling-space-22);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border-radius: var(--qiling-card-radius);
  min-height: 116px;
  box-shadow: var(--qiling-component-card-shadow);
  border: 1px solid var(--qiling-component-card-border);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
  text-decoration: none;
  margin: 0 var(--qiling-space-15);
  /* 滚动模式间距 (For scroll mode spacing) */
  min-width: var(--qiling-measure-160);
  /* 滚动模式最小宽度 (For scroll mode min-width) */
}.qiling-module-scope-clients /* 重置网格模式的边距 (Reset margin for grid mode) */
.module-clients .clients-grid .client-item {
  margin: 0;
  min-width: 0;
}.qiling-module-scope-clients .module-clients .client-item:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.18);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-clients .module-clients .client-logo {
  max-width: var(--qiling-measure-pct-100);
  max-height: 54px;
  object-fit: contain;
  transition: filter 0.3s;
}.qiling-module-scope-clients .module-clients .client-logo.is-grayscale {
  filter: grayscale(100%);
  opacity: 0.8;
}.qiling-module-scope-clients .module-clients .client-item:hover .client-logo.is-grayscale {
  filter: grayscale(0%);
  opacity: 1;
}.qiling-module-scope-clients .module-clients .client-name {
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p9);
  line-height: 1.55;
  margin-top: var(--qiling-space-14);
  font-weight: 600;
  text-align: center;
}.qiling-module-scope-clients .module-clients .client-name-placeholder {
  color: var(--color-heading);
  font-weight: 600;
  font-size: var(--qiling-text-rem-1);
  text-align: center;
}

@keyframes clientsScroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}.qiling-module-scope-clients /* 客户暗黑模式 (Clients Dark Mode) */
html.dark-mode .module-clients {
  background: var(--dm-bg) !important;
}html.dark-mode .qiling-module-scope-clients .module-clients .client-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg)) !important;
  box-shadow: var(--qiling-component-card-shadow);
  border: 1px solid
    var(
      --qiling-component-card-border-dark,
      var(--qiling-component-card-border)
    );
}html.dark-mode .qiling-module-scope-clients .module-clients .client-item:hover {
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-clients .module-clients .client-name,
html.dark-mode .qiling-module-scope-clients .module-clients .client-name-placeholder {
  color: var(--dm-text-muted);
}html.dark-mode .qiling-module-scope-clients .module-clients .section-title {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-clients .module-clients .section-subtitle {
  color: var(--dm-text-muted);
}.qiling-module-scope-clients /* 响应式客户 (Responsive Clients) */
@media (max-width: 1200px) {
  .module-clients .grid-cols-6,
  .module-clients .grid-cols-5 {
    grid-template-columns: repeat(4, 1fr);
  }
}@media (max-width: 992px){.qiling-module-scope-clients .module-clients .grid-cols-4,
.qiling-module-scope-clients .module-clients .grid-cols-5,
.qiling-module-scope-clients .module-clients .grid-cols-6 {
    grid-template-columns: repeat(3, 1fr);
  }
}@media (max-width: 768px){.qiling-module-scope-clients .module-clients .grid-cols-3,
.qiling-module-scope-clients .module-clients .grid-cols-4,
.qiling-module-scope-clients .module-clients .grid-cols-5,
.qiling-module-scope-clients .module-clients .grid-cols-6 {
    grid-template-columns: repeat(2, 1fr);
  }
}@media (max-width: 480px){.qiling-module-scope-clients .module-clients .grid-cols-2,
.qiling-module-scope-clients .module-clients .grid-cols-3,
.qiling-module-scope-clients .module-clients .grid-cols-4,
.qiling-module-scope-clients .module-clients .grid-cols-5,
.qiling-module-scope-clients .module-clients .grid-cols-6 {
    grid-template-columns: repeat(2, 1fr);
  }.qiling-module-scope-clients .module-clients .client-item {
    padding: var(--qiling-space-15) var(--qiling-space-10);
    min-height: 80px;
  }
}

.qiling-module-scope-columns .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-columns .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-columns .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-columns .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-columns .features-tab-btn .tab-icon,
.qiling-module-scope-columns .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-columns .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-columns .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-columns .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-columns .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-columns .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-columns .features-tabs-content {
  position: relative;
}.qiling-module-scope-columns .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-columns .features-tab-pane.active {
  display: block;
}.qiling-module-scope-columns .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-columns .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-columns .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-columns .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-columns .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-columns .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-columns .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-columns .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-columns .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-columns .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-columns .features-grid-2,
.qiling-module-scope-columns .features-grid-3,
.qiling-module-scope-columns .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-columns /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-columns .module-decor.d-left {
  left: 0;
}.qiling-module-scope-columns .module-decor.d-right {
  right: 0;
}.qiling-module-scope-columns .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-columns /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-columns .module-decor svg path,
.qiling-module-scope-columns .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-columns /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-columns .module-decor {
    display: none !important;
  }}.qiling-module-scope-columns .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-columns .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-columns .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-columns .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-columns .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-columns /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-columns .ql-travel-cols-2,
.qiling-module-scope-columns .ql-travel-cols-3,
.qiling-module-scope-columns .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-columns .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-columns /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-columns /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-columns .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-columns .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-columns .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-columns .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-columns .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-columns .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-columns /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-columns /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-columns /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-columns [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-columns .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-columns /* ===== 列模块 (Module Columns) ===== */
.module-columns .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-columns .module-columns .columns-grid {
  display: grid;
  gap: var(--qiling-space-32);
}.qiling-module-scope-columns .module-columns .grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}.qiling-module-scope-columns .module-columns .grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}.qiling-module-scope-columns .module-columns .grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}.qiling-module-scope-columns .module-columns .column-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--columns-card-bg, var(--qiling-component-card-bg));
  padding: var(--qiling-space-30) var(--qiling-space-28) var(--qiling-space-28);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
  display: block;
  text-decoration: none;
  color: inherit;
  border: 1px solid var(--columns-card-border, var(--qiling-component-card-border));
  height: 100%;
}.qiling-module-scope-columns .module-columns a.column-item:hover {
  transform: translateY(-6px);
  box-shadow: var(--qiling-component-card-shadow);
  border-color: var(--columns-card-hover-border, rgba(var(--color-primary-rgb), 0.18));
}.qiling-module-scope-columns .module-columns .column-image {
  margin-bottom: var(--qiling-space-22);
  overflow: hidden;
  border-radius: calc(var(--qiling-card-radius) - 4px);
  background: var(--qiling-component-surface-alt-bg, var(--color-neutral-100));
}.qiling-module-scope-columns .module-columns .column-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/10;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}.qiling-module-scope-columns .module-columns a.column-item:hover .column-image img {
  transform: scale(1.05);
}.qiling-module-scope-columns .module-columns .column-title {
  margin: 0 0 var(--qiling-space-10);
  font-size: var(--qiling-text-rem-1p18);
  font-weight: 700;
  color: var(--columns-item-title, var(--color-heading));
  line-height: 1.4;
}.qiling-module-scope-columns .module-columns .column-content {
  color: var(--columns-item-text, var(--color-text-muted));
  line-height: 1.72;
}.qiling-module-scope-columns /* 列暗黑模式 (Columns Dark Mode) */
html.dark-mode .module-columns {
  background: var(--dm-bg) !important;
}html.dark-mode .qiling-module-scope-columns .module-columns .column-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-columns .module-columns a.column-item:hover {
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-columns .module-columns .column-title {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-columns .module-columns .column-content {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-columns .module-columns .section-title {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-columns .module-columns .section-subtitle {
  color: var(--dm-text-muted);
}.qiling-module-scope-columns /* 响应式列 (Responsive Columns) */
@media (max-width: 992px) {
  .module-columns .grid-cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}@media (max-width: 768px){.qiling-module-scope-columns .module-columns .grid-cols-3,
.qiling-module-scope-columns .module-columns .grid-cols-2 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-columns .module-columns .grid-cols-4 {
    grid-template-columns: 1fr;
  }
}

.qiling-module-scope-comparison .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-comparison .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-comparison .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-comparison .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-comparison .features-tab-btn .tab-icon,
.qiling-module-scope-comparison .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-comparison .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-comparison .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-comparison .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-comparison .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-comparison .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-comparison .features-tabs-content {
  position: relative;
}.qiling-module-scope-comparison .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-comparison .features-tab-pane.active {
  display: block;
}.qiling-module-scope-comparison .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-comparison .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-comparison .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-comparison .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-comparison .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-comparison .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-comparison .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-comparison .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-comparison .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-comparison .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-comparison .features-grid-2,
.qiling-module-scope-comparison .features-grid-3,
.qiling-module-scope-comparison .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-comparison /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-comparison .module-decor.d-left {
  left: 0;
}.qiling-module-scope-comparison .module-decor.d-right {
  right: 0;
}.qiling-module-scope-comparison .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-comparison /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-comparison .module-decor svg path,
.qiling-module-scope-comparison .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-comparison /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-comparison .module-decor {
    display: none !important;
  }}.qiling-module-scope-comparison .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-comparison .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-comparison .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-comparison .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-comparison .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-comparison /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-comparison .ql-travel-cols-2,
.qiling-module-scope-comparison .ql-travel-cols-3,
.qiling-module-scope-comparison .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-comparison .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-comparison /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-comparison /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-comparison .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-comparison .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-comparison .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-comparison .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-comparison .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-comparison .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-comparison /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-comparison /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-comparison /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-comparison [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-comparison .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-comparison /* =========================================
   对比模块 (Comparison Module)
   ======================================== */

/* ===== 对比 (comparison) ===== */
.module-comparison {
  position: relative;
  overflow: hidden;
}.qiling-module-scope-comparison .module-comparison .module-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-000000);
  z-index: 1;
}.qiling-module-scope-comparison .module-comparison .container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-comparison .module-comparison .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-comparison .comparison-table-wrapper {
  overflow-x: auto;
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-card-border);
  box-shadow: var(--qiling-component-card-shadow);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
}.qiling-module-scope-comparison .comparison-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--qiling-color-transparent);
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
}.qiling-module-scope-comparison /* 头部单元格 (Header Cells) */
.comparison-table th {
  padding: var(--qiling-space-24) var(--qiling-space-28);
  font-weight: 700;
  border-bottom: 1px solid var(--qiling-component-card-border);
}.qiling-module-scope-comparison .comparison-table .th-feature {
  text-align: left;
  color: var(--color-text-muted);
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
  min-width: var(--qiling-measure-180);
  position: sticky;
  left: 0;
  z-index: 2;
}.qiling-module-scope-comparison .comparison-table .th-product {
  text-align: center;
  font-size: var(--qiling-text-rem-1p1);
  font-weight: 700;
  min-width: var(--qiling-measure-150);
  color: var(--color-heading);
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
}.qiling-module-scope-comparison .comparison-table .th-product.is-highlight {
  background: var(--comparison-highlight-header-bg, var(--qiling-gradient-brand));
  color: var(--comparison-highlight-header-text, var(--color-text-inverse));
  border-bottom: none;
  position: relative;
}.qiling-module-scope-comparison .comparison-table .highlight-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--qiling-text-rem-0p75);
  font-weight: 700;
  line-height: 1;
  color: var(--comparison-highlight-badge-text, var(--color-primary-dark));
  background: var(--comparison-highlight-badge-bg, rgba(255, 255, 255, 0.88));
  border-radius: var(--qiling-radius-pill);
  margin-top: var(--qiling-space-8);
  padding: var(--qiling-space-5) var(--qiling-space-10);
}.qiling-module-scope-comparison /* 主体行 (Body Rows) */
.comparison-table tr:nth-child(even) {
  background: rgba(var(--color-primary-rgb), 0.02);
}.qiling-module-scope-comparison .comparison-table tr:hover td {
  background: rgba(var(--color-primary-rgb), 0.03);
}.qiling-module-scope-comparison /* 主体单元格 (Body Cells) */
.comparison-table td {
  padding: var(--qiling-space-18) var(--qiling-space-20);
  border-bottom: 1px solid var(--qiling-component-card-border);
  transition: background 0.2s;
}.qiling-module-scope-comparison .comparison-table .td-feature {
  padding: var(--qiling-space-18) var(--qiling-space-30);
  font-weight: 600;
  color: var(--color-heading);
  position: sticky;
  left: 0;
  background: inherit;
  /* 确保粘性列具有适当的背景 (Ensure sticky column has proper background) */
  z-index: 1;
}.qiling-module-scope-comparison .comparison-table .td-value {
  text-align: center;
  color: var(--color-text-muted);
}.qiling-module-scope-comparison .comparison-table .td-value.val-yes {
  color: var(--color-success);
  font-size: var(--qiling-text-rem-1p3);
}.qiling-module-scope-comparison .comparison-table .td-value.val-no {
  color: var(--color-error);
  font-size: var(--qiling-text-rem-1p3);
}.qiling-module-scope-comparison .comparison-table .td-value.is-highlight {
  background: var(--comparison-highlight-column-bg, rgba(var(--color-primary-rgb), 0.05));
}.qiling-module-scope-comparison .comparison-table tr:hover .td-value.is-highlight {
  background: var(--comparison-highlight-column-hover-bg, rgba(var(--color-primary-rgb), 0.08));
}.qiling-module-scope-comparison /* 暗黑模式 (Dark Mode) */
html.dark-mode .comparison-table {
  background: var(--qiling-color-transparent);
  box-shadow: none;
}html.dark-mode .qiling-module-scope-comparison .comparison-table th {
  border-bottom-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(--color-text-muted);
  background: var(--qiling-component-surface-alt-bg, var(--dm-bg));
}html.dark-mode .qiling-module-scope-comparison .comparison-table .th-product {
  color: var(--color-heading);
  background: var(--qiling-component-surface-alt-bg, var(--dm-bg));
}html.dark-mode .qiling-module-scope-comparison .comparison-table .th-product.is-highlight {
  background: var(--comparison-highlight-header-bg, var(--qiling-gradient-brand));
  color: var(--comparison-highlight-header-text, var(--color-text-inverse));
}html.dark-mode .qiling-module-scope-comparison .comparison-table td {
  border-bottom-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-comparison .comparison-table .td-feature {
  color: var(--color-heading);
  background: inherit;
  /* 后备方案 (Fallback) */
}html.dark-mode .qiling-module-scope-comparison .comparison-table tr:nth-child(even),
html.dark-mode .qiling-module-scope-comparison .comparison-table tr:nth-child(even) .td-feature {
  background: rgba(var(--color-primary-rgb), 0.06);
}html.dark-mode .qiling-module-scope-comparison .comparison-table tr:nth-child(odd) .td-feature {
  background: var(--qiling-color-transparent);
}html.dark-mode .qiling-module-scope-comparison .comparison-table .td-value {
  color: var(--dm-text-muted);
}html.dark-mode .qiling-module-scope-comparison .comparison-table .td-value.is-highlight {
  background: var(--comparison-highlight-column-bg, rgba(var(--color-primary-rgb), 0.1));
}html.dark-mode .qiling-module-scope-comparison .comparison-table tr:hover td {
  background: rgba(var(--color-primary-rgb), 0.05) !important;
}.qiling-module-scope-comparison /* 响应式 (Responsive) */
@media (max-width: 768px) {
  .comparison-table th,
  .comparison-table td {
    padding: var(--qiling-space-12) var(--qiling-space-15);
    font-size: var(--qiling-text-rem-0p9);
  }

  .comparison-table .th-feature,
  .comparison-table .td-feature {
    min-width: var(--qiling-measure-120);
    padding-left: var(--qiling-space-15);
    position: static;
    /* 如果需要在小屏幕上禁用粘性，或者保留以提升用户体验 (Disable sticky on small screens if needed, or keep for UX) */
  }

  .comparison-table .th-product {
    min-width: var(--qiling-measure-100);
    font-size: var(--qiling-text-rem-1);
  }
}

.qiling-module-scope-compliance_trust .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-compliance_trust .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-compliance_trust .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-compliance_trust .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-compliance_trust .features-tab-btn .tab-icon,
.qiling-module-scope-compliance_trust .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-compliance_trust .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-compliance_trust .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-compliance_trust .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-compliance_trust .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-compliance_trust .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-compliance_trust .features-tabs-content {
  position: relative;
}.qiling-module-scope-compliance_trust .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-compliance_trust .features-tab-pane.active {
  display: block;
}.qiling-module-scope-compliance_trust .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-compliance_trust .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-compliance_trust .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-compliance_trust .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-compliance_trust .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-compliance_trust .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-compliance_trust .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-compliance_trust .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-compliance_trust .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-compliance_trust .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-compliance_trust .features-grid-2,
.qiling-module-scope-compliance_trust .features-grid-3,
.qiling-module-scope-compliance_trust .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-compliance_trust /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-compliance_trust .module-decor.d-left {
  left: 0;
}.qiling-module-scope-compliance_trust .module-decor.d-right {
  right: 0;
}.qiling-module-scope-compliance_trust .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-compliance_trust /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-compliance_trust .module-decor svg path,
.qiling-module-scope-compliance_trust .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-compliance_trust /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-compliance_trust .module-decor {
    display: none !important;
  }}.qiling-module-scope-compliance_trust .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-compliance_trust .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-compliance_trust .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-compliance_trust .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-compliance_trust .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-compliance_trust /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-compliance_trust .ql-travel-cols-2,
.qiling-module-scope-compliance_trust .ql-travel-cols-3,
.qiling-module-scope-compliance_trust .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-compliance_trust .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-compliance_trust /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-compliance_trust /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-compliance_trust .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-compliance_trust .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-compliance_trust .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-compliance_trust .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-compliance_trust .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-compliance_trust .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-compliance_trust /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-compliance_trust /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-compliance_trust /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-compliance_trust [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-compliance_trust .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-link { color: var(--ct-btn-text, #ffffff); }.qiling-module-scope-compliance_trust .module-compliance-trust .ct-link:hover { color: var(--ct-btn-hover-text, #ffffff); }.qiling-module-scope-compliance_trust /* ===== 剩余模块默认优化 (remaining_module_default_polish) ===== */
.module-compliance-trust {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-rgba-15-23-42-046);
  z-index: 1;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-compliance_trust .module-compliance-trust .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-note {
  margin: var(--qiling-space-18) auto 0;
  max-width: 62ch;
  color: var(--color-text-muted);
  line-height: 1.75;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--qiling-space-10);
  margin: 0 0 var(--qiling-space-28);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-filter-btn {
  appearance: none;
  padding: var(--qiling-space-10) var(--qiling-space-16);
  border-radius: 999px;
  border: 1px solid var(--qiling-component-tabs-border);
  background: var(--qiling-color-rgba-255-255-255-078);
  color: var(--qiling-component-tabs-text);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.28s ease;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-filter-btn:hover,
.qiling-module-scope-compliance_trust .module-compliance-trust .ct-filter-btn.is-active {
  background: var(--qiling-component-tabs-active-bg);
  color: var(--qiling-component-tabs-active-text);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-compliance_trust .module-compliance-trust[data-layout="grid"][data-cols="2"] .ct-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-compliance_trust .module-compliance-trust[data-layout="grid"][data-cols="3"] .ct-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-compliance_trust .module-compliance-trust[data-layout="grid"][data-cols="4"] .ct-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}.qiling-module-scope-compliance_trust .module-compliance-trust[data-layout="list"] .ct-grid {
  grid-template-columns: 1fr;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-grid {
  display: grid;
  gap: var(--qiling-space-22);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-card {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-18);
  min-width: 0;
  padding: var(--qiling-space-24);
  border-radius: calc(var(--qiling-card-radius) + 4px);
  background: var(--ct-card-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--ct-card-border, var(--qiling-component-card-border));
  box-shadow: var(--qiling-component-card-shadow);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
  box-shadow: 0 26px 54px var(--qiling-color-rgba-15-23-42-012);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-card.is-highlight {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.06) 0%,
      var(--qiling-color-rgba-255-255-255-0) 100%
    ),
    var(--ct-card-bg, var(--qiling-component-card-bg));
  border-color: rgba(var(--color-primary-rgb), 0.18);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-card-head {
  display: flex;
  align-items: flex-start;
  gap: var(--qiling-space-16);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-seal {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: rgba(var(--color-primary-rgb), 0.08);
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  box-shadow: inset 0 1px 0 var(--qiling-color-rgba-255-255-255-014);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-seal img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-seal-fallback {
  font-size: var(--qiling-text-rem-1p35);
  font-weight: 700;
  color: var(--ct-accent, var(--color-primary));
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-head-text {
  flex: 1;
  min-width: 0;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-title {
  margin: 0;
  font-size: var(--qiling-text-rem-1p08);
  line-height: 1.35;
  color: var(--color-heading);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-short-name,
.qiling-module-scope-compliance_trust .module-compliance-trust .ct-category {
  margin-top: var(--qiling-space-6);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p84);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 var(--qiling-space-12);
  border-radius: 999px;
  background: var(--ct-chip-bg, var(--qiling-component-badge-bg));
  color: var(--ct-chip-text, var(--qiling-component-badge-text));
  font-size: var(--qiling-text-rem-0p82);
  font-weight: 700;
  white-space: nowrap;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-status.is-active {
  background: rgba(var(--color-success-rgb), 0.14);
  color: var(--color-success-dark);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-status.is-progress {
  background: rgba(var(--color-warning-rgb), 0.16);
  color: var(--color-warning-dark);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-status.is-planned {
  background: rgba(var(--color-primary-rgb), 0.14);
  color: var(--color-primary);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-status.is-expired {
  background: rgba(var(--color-error-rgb), 0.14);
  color: var(--color-error-dark);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-meta {
  display: grid;
  gap: var(--qiling-space-12);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-meta-item {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-4);
  padding: var(--qiling-space-14) var(--qiling-space-16);
  border-radius: 18px;
  background: rgba(var(--color-primary-rgb), 0.04);
  border: 1px solid var(--qiling-component-card-border);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-meta-item span {
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p78);
  font-weight: 600;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-meta-item strong {
  color: var(--color-heading);
  font-size: var(--qiling-text-rem-0p94);
  line-height: 1.55;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-desc {
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.75;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-points {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--qiling-space-8);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-points li {
  position: relative;
  padding-left: var(--qiling-space-18);
  color: var(--color-text);
  line-height: 1.6;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ct-accent, var(--color-primary));
  transform: translateY(-50%);
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 46px;
  padding: 0 var(--qiling-space-18);
  border-radius: 999px;
  background: var(--ct-btn-bg, var(--qiling-component-button-bg));
  color: var(--ct-btn-text, var(--qiling-component-button-text));
  text-decoration: none;
  font-weight: 700;
  border: 1px solid var(--ct-btn-border, var(--qiling-component-button-border));
  box-shadow: var(--qiling-component-button-shadow);
  transition: all 0.28s ease;
}.qiling-module-scope-compliance_trust .module-compliance-trust .ct-link:hover {
  transform: translateY(-2px);
  background: var(--ct-btn-hover-bg, var(--qiling-component-button-hover-bg));
  color: var(--ct-btn-hover-text, var(--qiling-component-button-hover-text));
  border-color: var(--ct-btn-hover-border, var(--ct-btn-border, var(--qiling-component-button-hover-bg)));
}@media (max-width: 1024px){.qiling-module-scope-compliance_trust .module-compliance-trust[data-layout="grid"][data-cols="4"] .ct-grid,
.qiling-module-scope-compliance_trust .module-compliance-trust[data-layout="grid"][data-cols="3"] .ct-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.qiling-module-scope-contact .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-contact .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-contact .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-contact .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-contact .features-tab-btn .tab-icon,
.qiling-module-scope-contact .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-contact .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-contact .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-contact .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-contact .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-contact .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-contact .features-tabs-content {
  position: relative;
}.qiling-module-scope-contact .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-contact .features-tab-pane.active {
  display: block;
}.qiling-module-scope-contact .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-contact .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-contact .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-contact .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-contact .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-contact .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-contact .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-contact .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-contact .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-contact .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-contact .features-grid-2,
.qiling-module-scope-contact .features-grid-3,
.qiling-module-scope-contact .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-contact /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-contact .module-decor.d-left {
  left: 0;
}.qiling-module-scope-contact .module-decor.d-right {
  right: 0;
}.qiling-module-scope-contact .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-contact /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-contact .module-decor svg path,
.qiling-module-scope-contact .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-contact /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-contact .module-decor {
    display: none !important;
  }}.qiling-module-scope-contact .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-contact .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-contact .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-contact .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-contact .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-contact /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-contact .ql-travel-cols-2,
.qiling-module-scope-contact .ql-travel-cols-3,
.qiling-module-scope-contact .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-contact .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-contact /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-contact /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-contact .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-contact .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-contact .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-contact .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-contact .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-contact .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-contact /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-contact /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-contact /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-contact [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-contact .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-contact .module-contact {
  position: relative;
}.qiling-module-scope-contact .module-contact .module-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-000000);
  z-index: 1;
}.qiling-module-scope-contact .module-contact .module-contact-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-contact .module-contact .section-header {
  margin-bottom: var(--qiling-space-44);
}.qiling-module-scope-contact .module-contact .contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: start;
  gap: clamp(
    var(--qiling-space-24),
    var(--qiling-space-vw-4),
    var(--qiling-space-40)
  );
  max-width: var(--qiling-measure-1040);
  margin: 0 auto;
}.qiling-module-scope-contact .module-contact .contact-info {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-12);
}.qiling-module-scope-contact .module-contact .contact-item {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-14);
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-radius: calc(var(--qiling-card-radius) - 2px);
  border: 1px solid var(--qiling-component-card-border);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-primary-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-contact .module-contact .contact-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}.qiling-module-scope-contact .module-contact .contact-icon svg {
  width: 18px;
  height: 18px;
}.qiling-module-scope-contact .module-contact .contact-item-content {
  min-height: 40px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--qiling-space-2);
}.qiling-module-scope-contact .module-contact .contact-icon.icon-company {
  background: var(--qiling-gradient-brand);
}.qiling-module-scope-contact .module-contact .contact-icon.icon-phone {
  background: var(--qiling-gradient-success);
}.qiling-module-scope-contact .module-contact .contact-icon.icon-qq {
  background: var(--qiling-gradient-cool);
}.qiling-module-scope-contact .module-contact .contact-icon.icon-wechat {
  background: var(--qiling-gradient-success);
}.qiling-module-scope-contact .module-contact .contact-icon.icon-email {
  background: var(--qiling-gradient-warning);
}.qiling-module-scope-contact .module-contact .contact-icon.icon-address {
  background: var(--qiling-gradient-accent);
}.qiling-module-scope-contact .module-contact .contact-icon.icon-hours {
  background: var(--qiling-gradient-info);
}.qiling-module-scope-contact .module-contact .contact-item-content h4 {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p8);
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: var(--qiling-tracking-em-0p01);
}.qiling-module-scope-contact .module-contact .contact-item-content p {
  margin: 0;
  color: var(--color-heading);
  font-weight: 600;
  line-height: 1.4;
  font-size: var(--qiling-text-rem-0p95);
}.qiling-module-scope-contact .module-contact .contact-item-content a {
  color: var(--color-heading);
  font-weight: 600;
  font-size: var(--qiling-text-rem-0p95);
  line-height: 1.4;
  text-decoration: none;
  transition: color 0.3s ease;
}.qiling-module-scope-contact .module-contact .contact-item-content a:hover {
  color: var(--color-primary, var(--color-primary));
}.qiling-module-scope-contact .module-contact .contact-wechat-qr {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: var(--qiling-space-4);
  margin-top: var(--qiling-space-6);
  padding: var(--qiling-space-6);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: calc(var(--qiling-card-radius) - 6px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-contact .module-contact .contact-wechat-qr img {
  width: 76px;
  height: 76px;
  object-fit: cover;
  border-radius: 8px;
}.qiling-module-scope-contact .module-contact .contact-wechat-qr span {
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p78);
}.qiling-module-scope-contact .module-contact .contact-right {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--qiling-space-12);
}.qiling-module-scope-contact .module-contact .contact-right > * {
  width: 100%;
}.qiling-module-scope-contact .module-contact .contact-form {
  background: var(--qiling-component-card-bg);
  padding: var(--qiling-space-28);
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-card-border);
  box-shadow: var(--qiling-component-card-shadow);
  min-height: 100%;
}.qiling-module-scope-contact .module-contact .contact-right > .developer-form-wrap {
  display: flex;
  flex-direction: column;
  max-width: var(--qiling-measure-pct-100);
  margin: 0;
  width: 100%;
  min-height: 100%;
  padding: var(--qiling-space-24);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-contact .module-contact .contact-right > .developer-form-wrap .form-title {
  margin-bottom: var(--qiling-space-18);
  padding-bottom: var(--qiling-space-14);
}.qiling-module-scope-contact .module-contact .contact-right > .developer-form-wrap .form-fields {
  gap: var(--qiling-space-14);
}.qiling-module-scope-contact .module-contact .contact-right > .developer-form-wrap .field-width-50 {
  width: calc(50% - 8px);
}.qiling-module-scope-contact .module-contact .contact-right > .developer-form-wrap .field-width-33 {
  width: calc(33.333% - 10.67px);
}.qiling-module-scope-contact .module-contact .contact-right > .developer-form-wrap .form-submit {
  margin-top: var(--qiling-space-18);
  padding-top: var(--qiling-space-16);
}.qiling-module-scope-contact .module-contact .contact-right > .developer-form-wrap .btn-submit {
  width: 100%;
}.qiling-module-scope-contact .module-contact .contact-form .form-group {
  margin-bottom: 0;
}.qiling-module-scope-contact .module-contact .contact-form .form-row {
  display: block;
  margin-bottom: var(--qiling-space-14);
}.qiling-module-scope-contact .module-contact .contact-form .form-row.form-row-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--qiling-space-14);
}.qiling-module-scope-contact .module-contact .contact-form input,
.qiling-module-scope-contact .module-contact .contact-form textarea {
  width: 100%;
  padding: var(--qiling-space-13) var(--qiling-space-14);
  border: 1px solid var(--qiling-component-form-input-border);
  border-radius: var(--qiling-input-radius);
  font-size: var(--qiling-text-rem-1);
  line-height: 1.5;
  box-sizing: border-box;
  background: var(--qiling-component-form-input-bg);
  color: var(--qiling-component-form-input-text);
  box-shadow: none;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease;
}.qiling-module-scope-contact .module-contact .contact-form input:focus,
.qiling-module-scope-contact .module-contact .contact-form textarea:focus {
  outline: none;
  border-color: var(--qiling-component-form-focus-border);
  background: var(--qiling-component-form-input-bg);
  box-shadow: 0 0 0 4px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-contact .module-contact .contact-form textarea {
  min-height: 160px;
  resize: vertical;
}.qiling-module-scope-contact .module-contact .contact-form .form-message {
  margin-bottom: var(--qiling-space-14);
}.qiling-module-scope-contact .module-contact .contact-form .btn-submit {
  width: 100%;
  padding: var(--qiling-component-button-padding);
  background: var(--qiling-component-button-bg);
  color: var(--contact-submit-text, #ffffff);
  border: 1px solid var(--qiling-component-button-border);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-1p05);
  font-weight: 600;
  letter-spacing: var(--qiling-tracking-em-0p02);
  cursor: pointer;
  box-shadow: var(--qiling-component-button-shadow);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}.qiling-module-scope-contact .module-contact .contact-form .btn-submit:hover {
  transform: translateY(-2px);
  background: var(--qiling-component-button-hover-bg);
  color: var(--contact-submit-hover-text, #ffffff);
  border-color: var(--qiling-component-button-hover-bg);
  box-shadow: var(--qiling-component-button-shadow);
  filter: none;
}.qiling-module-scope-contact .module-contact .contact-form .btn-submit:disabled {
  cursor: wait;
  opacity: 0.8;
  transform: none;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-contact .module-contact .contact-image {
  width: 100%;
  min-height: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-contact .module-contact .contact-placeholder {
  background: var(--qiling-gradient-brand);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-48) var(--qiling-space-34);
  text-align: center;
  min-height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}.qiling-module-scope-contact .module-contact .contact-placeholder-icon {
  font-size: var(--qiling-text-rem-3p5);
  margin-bottom: var(--qiling-space-16);
}.qiling-module-scope-contact .module-contact .contact-placeholder h3 {
  color: var(--color-text-inverse);
  font-weight: 600;
  margin: 0 0 var(--qiling-space-8);
}.qiling-module-scope-contact .module-contact .contact-placeholder p {
  color: rgba(var(--color-surface-rgb), 0.8);
  margin: 0;
}.qiling-module-scope-contact .module-contact .contact-form-login-hint {
  width: 100%;
  margin: 0;
  padding: var(--qiling-space-10) var(--qiling-space-12);
  border: 1px solid rgba(var(--color-primary-rgb), 0.18);
  border-radius: calc(var(--qiling-input-radius) + 2px);
  background: rgba(var(--color-primary-rgb), 0.08);
  color: var(--color-primary, var(--color-primary));
  font-size: var(--qiling-text-rem-0p92);
  line-height: 1.5;
  font-weight: 500;
  box-sizing: border-box;
}.qiling-module-scope-contact .module-contact .contact-form-login-hint a {
  color: inherit;
  font-weight: 600;
}.qiling-module-scope-contact .module-contact .form-toast {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  padding: var(--qiling-space-40) var(--qiling-space-60);
  border-radius: 16px;
  text-align: center;
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-contact .module-contact .form-toast-icon {
  font-size: var(--qiling-text-rem-4);
  margin-bottom: var(--qiling-space-15);
}.qiling-module-scope-contact .module-contact .form-toast-text {
  font-size: var(--qiling-text-rem-1p25);
  font-weight: 600;
}.qiling-module-scope-contact .module-contact .form-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(var(--color-primary-rgb), 0.32);
  z-index: 9998;
}@media (max-width: 980px){.qiling-module-scope-contact .module-contact .contact-grid {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-28);
    max-width: var(--qiling-measure-720);
  }
}@media (max-width: 768px){.qiling-module-scope-contact .module-contact .contact-grid {
    gap: var(--qiling-space-24);
  }.qiling-module-scope-contact .module-contact .section-header {
    margin-bottom: var(--qiling-space-32);
  }.qiling-module-scope-contact .module-contact .contact-item {
    padding: var(--qiling-space-12) var(--qiling-space-13);
    gap: var(--qiling-space-12);
  }.qiling-module-scope-contact .module-contact .contact-icon {
    width: 38px;
    height: 38px;
  }.qiling-module-scope-contact .module-contact .contact-item-content {
    min-height: 38px;
  }.qiling-module-scope-contact .module-contact .contact-right > .developer-form-wrap {
    padding: var(--qiling-space-18);
  }.qiling-module-scope-contact .module-contact .contact-right > .developer-form-wrap .field-width-50,
.qiling-module-scope-contact .module-contact .contact-right > .developer-form-wrap .field-width-33 {
    width: 100%;
  }.qiling-module-scope-contact .module-contact .contact-form {
    padding: var(--qiling-space-20);
  }.qiling-module-scope-contact .module-contact .contact-form .form-row.form-row-2 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-contact .module-contact .contact-form textarea {
    min-height: 144px;
  }.qiling-module-scope-contact .module-contact .contact-placeholder {
    padding: var(--qiling-space-36) var(--qiling-space-24);
    min-height: 280px;
  }.qiling-module-scope-contact .module-contact .form-toast {
    padding: var(--qiling-space-30) var(--qiling-space-40);
    width: 85%;
  }
}html.dark-mode .qiling-module-scope-contact .module-contact {
  background: var(--dm-bg) !important;
}html.dark-mode .qiling-module-scope-contact .module-contact .section-title {
  color: var(--qiling-component-module-title-color-dark, var(--color-heading));
}html.dark-mode .qiling-module-scope-contact .module-contact .section-subtitle {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-contact .module-contact .contact-item-content h4 {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-contact .module-contact .contact-item-content p,
html.dark-mode .qiling-module-scope-contact .module-contact .contact-item-content a {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-contact .module-contact .contact-wechat-qr {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-contact .module-contact .contact-item {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-contact .module-contact .contact-wechat-qr span {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-contact .module-contact .contact-form {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-contact .module-contact .contact-right > .developer-form-wrap {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-contact .module-contact .contact-form input,
html.dark-mode .qiling-module-scope-contact .module-contact .contact-form textarea {
  background: var(
    --qiling-component-form-input-bg-dark,
    var(--qiling-component-form-input-bg)
  );
  border-color: var(
    --qiling-component-form-input-border-dark,
    var(--qiling-component-form-input-border)
  );
  color: var(
    --qiling-component-form-input-text-dark,
    var(--qiling-component-form-input-text)
  );
  box-shadow: none;
}html.dark-mode .qiling-module-scope-contact .module-contact .contact-form input:focus,
html.dark-mode .qiling-module-scope-contact .module-contact .contact-form textarea:focus {
  border-color: var(--qiling-component-form-focus-border);
  background: var(
    --qiling-component-form-input-bg-dark,
    var(--qiling-component-form-input-bg)
  );
  box-shadow: 0 0 0 4px rgba(var(--color-primary-rgb), 0.18);
}html.dark-mode .qiling-module-scope-contact .module-contact .contact-form input::placeholder,
html.dark-mode .qiling-module-scope-contact .module-contact .contact-form textarea::placeholder {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-contact .module-contact .contact-form-login-hint {
  background: rgba(var(--color-primary-rgb), 0.16);
  border-color: rgba(var(--color-primary-rgb), 0.28);
  color: var(--color-primary-light, var(--color-primary));
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}.qiling-module-scope-contact .module-contact.module-contact .contact-form input,
.qiling-module-scope-contact .module-contact.module-contact .contact-form textarea,
.qiling-module-scope-contact .module-contact.module-contact
  .contact-right
  > .developer-form-wrap
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="reset"]):not([type="range"]):not([type="file"]),
.qiling-module-scope-contact .module-contact.module-contact .contact-right > .developer-form-wrap select,
.qiling-module-scope-contact .module-contact.module-contact .contact-right > .developer-form-wrap textarea {
  background: var(--qiling-component-form-input-bg);
  color: var(--qiling-component-form-input-text);
  border: 1px solid var(--qiling-component-form-input-border);
  border-radius: var(--qiling-input-radius);
  box-shadow: none;
}.qiling-module-scope-contact .module-contact.module-contact .contact-form input:focus,
.qiling-module-scope-contact .module-contact.module-contact .contact-form textarea:focus,
.qiling-module-scope-contact .module-contact.module-contact
  .contact-right
  > .developer-form-wrap
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="reset"]):not([type="range"]):not([type="file"]):focus,
.qiling-module-scope-contact .module-contact.module-contact
  .contact-right
  > .developer-form-wrap
  select:focus,
.qiling-module-scope-contact .module-contact.module-contact
  .contact-right
  > .developer-form-wrap
  textarea:focus {
  background: var(--qiling-component-form-input-bg);
  border-color: var(--qiling-component-form-focus-border);
  box-shadow: none;
  outline: 2px solid var(--qiling-component-form-focus-border);
  outline-offset: 0;
}.qiling-module-scope-contact .module-contact.module-contact .contact-form input::placeholder,
.qiling-module-scope-contact .module-contact.module-contact .contact-form textarea::placeholder,
.qiling-module-scope-contact .module-contact.module-contact
  .contact-right
  > .developer-form-wrap
  input::placeholder,
.qiling-module-scope-contact .module-contact.module-contact
  .contact-right
  > .developer-form-wrap
  textarea::placeholder {
  color: var(--color-text-muted);
}.qiling-module-scope-contact .module-contact.module-contact .contact-form .contact-submit-btn {
  background: var(--contact-submit-bg, var(--qiling-module-button-bg, var(--qiling-component-button-bg)));
  color: var(--contact-submit-text, #ffffff);
  border: 1px solid var(--contact-submit-border, var(--contact-submit-bg, var(--qiling-component-button-border)));
  border-radius: var(--qiling-button-radius);
  box-shadow: var(--qiling-component-button-shadow);
  padding: var(--qiling-component-button-padding);
  width: auto;
  max-width: var(--qiling-measure-pct-100);
}.qiling-module-scope-contact .module-contact.module-contact .contact-form .contact-submit-btn:hover {
  background: var(--contact-submit-hover-bg, var(--qiling-module-button-hover-bg, var(--qiling-component-button-hover-bg)));
  color: var(--contact-submit-hover-text, #ffffff);
  border-color: var(--contact-submit-hover-border, var(--contact-submit-hover-bg, var(--qiling-component-button-hover-bg)));
}html.dark-mode .qiling-module-scope-contact .module-contact.module-contact .contact-form input,
html.dark-mode .qiling-module-scope-contact .module-contact.module-contact .contact-form textarea,
.qiling-module-scope-contact html.dark-mode
  .module-contact.module-contact
  .contact-right
  > .developer-form-wrap
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="reset"]):not([type="range"]):not([type="file"]),
.qiling-module-scope-contact html.dark-mode
  .module-contact.module-contact
  .contact-right
  > .developer-form-wrap
  select,
.qiling-module-scope-contact html.dark-mode
  .module-contact.module-contact
  .contact-right
  > .developer-form-wrap
  textarea {
  background: var(
    --qiling-component-form-input-bg-dark,
    var(--qiling-component-form-input-bg)
  );
  color: var(
    --qiling-component-form-input-text-dark,
    var(--qiling-component-form-input-text)
  );
  border-color: var(
    --qiling-component-form-input-border-dark,
    var(--qiling-component-form-input-border)
  );
}

.qiling-module-scope-countdown .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-countdown .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-countdown .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-countdown .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-countdown .features-tab-btn .tab-icon,
.qiling-module-scope-countdown .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-countdown .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-countdown .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-countdown .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-countdown .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-countdown .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-countdown .features-tabs-content {
  position: relative;
}.qiling-module-scope-countdown .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-countdown .features-tab-pane.active {
  display: block;
}.qiling-module-scope-countdown .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-countdown .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-countdown .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-countdown .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-countdown .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-countdown .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-countdown .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-countdown .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-countdown .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-countdown .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-countdown .features-grid-2,
.qiling-module-scope-countdown .features-grid-3,
.qiling-module-scope-countdown .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-countdown /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-countdown .module-decor.d-left {
  left: 0;
}.qiling-module-scope-countdown .module-decor.d-right {
  right: 0;
}.qiling-module-scope-countdown .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-countdown /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-countdown .module-decor svg path,
.qiling-module-scope-countdown .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-countdown /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-countdown .module-decor {
    display: none !important;
  }}.qiling-module-scope-countdown .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-countdown .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-countdown .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-countdown .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-countdown .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-countdown /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-countdown .ql-travel-cols-2,
.qiling-module-scope-countdown .ql-travel-cols-3,
.qiling-module-scope-countdown .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-countdown .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-countdown /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-countdown /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-countdown .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-countdown .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-countdown .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-countdown .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-countdown .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-countdown .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-countdown /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-countdown /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-countdown /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-countdown [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-countdown .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-countdown /* ===== 产品倒计时模块 (Product Countdown Module) ===== */
.module-countdown {
  position: relative;
  overflow: hidden;
}.qiling-module-scope-countdown .countdown-bg-decoration {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}.qiling-module-scope-countdown .decoration-circle {
  position: absolute;
  border-radius: 50%;
  background: rgba(var(--color-surface-rgb), 0.05);
}.qiling-module-scope-countdown .circle-1 {
  top: -50%;
  right: -20%;
  width: 60%;
  height: 200%;
  transform: rotate(-15deg);
}.qiling-module-scope-countdown .circle-2 {
  bottom: -30%;
  left: -10%;
  width: 40%;
  height: 150%;
  background: rgba(var(--color-surface-rgb), 0.03);
}.qiling-module-scope-countdown .countdown-container {
  position: relative;
  z-index: 1;
}.qiling-module-scope-countdown .countdown-wrapper {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-60);
  flex-wrap: wrap;
}.qiling-module-scope-countdown .countdown-image-col {
  flex: 1;
  min-width: var(--qiling-measure-300);
  max-width: var(--qiling-measure-500);
}.qiling-module-scope-countdown .countdown-image-wrapper {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 30px 60px var(--qiling-color-rgba-0-0-0-03);
  transform: perspective(1000px) rotateY(-5deg);
  transition: transform 0.5s;
}.qiling-module-scope-countdown .countdown-wrapper.no-image .countdown-image-col {
  display: none;
}.qiling-module-scope-countdown .countdown-wrapper.no-image .countdown-content-col {
  text-align: center;
}.qiling-module-scope-countdown .countdown-wrapper.no-image .countdown-timer {
  justify-content: center;
}.qiling-module-scope-countdown .countdown-image-col:hover .countdown-image-wrapper {
  transform: perspective(1000px) rotateY(0deg) scale(1.02);
}.qiling-module-scope-countdown .countdown-image-wrapper img {
  width: 100%;
  display: block;
}.qiling-module-scope-countdown .image-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(var(--color-surface-rgb), 0.3) 0%,
    var(--qiling-color-transparent) 50%,
    var(--qiling-color-transparent) 100%
  );
  pointer-events: none;
}.qiling-module-scope-countdown .countdown-content-col {
  flex: 1;
  min-width: var(--qiling-measure-300);
}.qiling-module-scope-countdown .countdown-label div {
  display: inline-block;
  background: rgba(var(--color-surface-rgb), 0.2);
  padding: var(--qiling-space-8) var(--qiling-space-20);
  border-radius: 30px;
  margin-bottom: var(--qiling-space-20);
  backdrop-filter: blur(10px);
}.qiling-module-scope-countdown .countdown-label span {
  font-size: var(--qiling-text-rem-0p9);
  font-weight: 500;
}.qiling-module-scope-countdown .countdown-title {
  font-weight: 700;
  margin: 0 0 var(--qiling-space-15) 0;
  line-height: 1.2;
}.qiling-module-scope-countdown .countdown-desc {
  font-size: var(--qiling-text-rem-1p1);
  line-height: 1.7;
  margin: 0 0 var(--qiling-space-35) 0;
  max-width: var(--qiling-measure-500);
}.qiling-module-scope-countdown .countdown-timer {
  display: flex;
  gap: var(--qiling-space-15);
  margin-bottom: var(--qiling-space-35);
  flex-wrap: wrap;
}.qiling-module-scope-countdown .countdown-item {
  border-radius: 16px;
  padding: var(--qiling-space-20) var(--qiling-space-25);
  text-align: center;
  min-width: var(--qiling-measure-90);
  backdrop-filter: blur(10px);
  transition: transform 0.3s;
}.qiling-module-scope-countdown .countdown-item:hover {
  transform: translateY(-5px);
}.qiling-module-scope-countdown .countdown-value {
  font-size: var(--qiling-text-rem-2p5);
  font-weight: 700;
  line-height: 1;
}.qiling-module-scope-countdown .countdown-unit {
  opacity: 0.7;
  font-size: var(--qiling-text-rem-0p85);
  margin-top: var(--qiling-space-8);
  color: inherit;
}.qiling-module-scope-countdown .countdown-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-10);
  padding: var(--qiling-space-16) var(--qiling-space-40);
  border-radius: 50px;
  font-size: var(--qiling-text-rem-1p1);
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 10px 30px var(--qiling-color-rgba-0-0-0-02);
  transition: all 0.3s;
}.qiling-module-scope-countdown .countdown-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 40px var(--qiling-color-rgba-0-0-0-03);
}.qiling-module-scope-countdown /* 响应式 (Responsive) */
@media (max-width: 992px) {
  .countdown-wrapper {
    flex-direction: column;
    text-align: center;
  }

  .countdown-image-col {
    max-width: var(--qiling-measure-pct-100);
  }

  .countdown-image-wrapper {
    transform: none;
  }

  .countdown-image-col:hover .countdown-image-wrapper {
    transform: none;
  }

  .countdown-content-col {
    text-align: center;
  }

  .countdown-desc {
    margin-left: auto;
    margin-right: auto;
  }

  .countdown-timer {
    justify-content: center;
  }
}@media (max-width: 576px){.qiling-module-scope-countdown .countdown-item {
    min-width: var(--qiling-measure-70);
    padding: var(--qiling-space-15);
  }.qiling-module-scope-countdown .countdown-value {
    font-size: var(--qiling-text-rem-1p8);
  }
}.qiling-module-scope-countdown /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-countdown {
  background: var(--dm-bg) !important;
  /* 强制深色背景 (Force dark background) */
}html.dark-mode .qiling-module-scope-countdown .countdown-title {
  color: var(--color-neutral-50) !important;
  /* 强制浅色文本 (Force light text) */
}html.dark-mode .qiling-module-scope-countdown .countdown-desc {
  color: var(--color-neutral-400) !important;
  /* 强制灰色文本 (Force gray text) */
}html.dark-mode .qiling-module-scope-countdown .decoration-circle {
  background: rgba(var(--color-surface-rgb), 0.03);
}.qiling-module-scope-countdown /* 确保如果用户设置了自定义浅色，倒计时项在暗黑模式下仍可读 (Ensure timer items are readable in dark mode if user set custom light colors) */
html.dark-mode .countdown-item {
  background: rgba(var(--color-surface-rgb), 0.05) !important;
  border: 1px solid rgba(var(--color-surface-rgb), 0.1);
}html.dark-mode .qiling-module-scope-countdown .countdown-value,
html.dark-mode .qiling-module-scope-countdown .countdown-unit {
  color: var(--color-neutral-50) !important;
}.qiling-module-scope-countdown .module-countdown .countdown-btn { color: var(--countdown-btn-text, #ffffff); }.qiling-module-scope-countdown .module-countdown .countdown-btn:hover { color: var(--countdown-btn-hover-text, #ffffff); }.qiling-module-scope-countdown .module-countdown .countdown-wrapper {
  gap: min(var(--qiling-space-vw-5), var(--qiling-space-72));
}.qiling-module-scope-countdown .module-countdown .countdown-content-col {
  max-width: var(--qiling-measure-560);
}.qiling-module-scope-countdown .module-countdown .countdown-image-wrapper {
  border: 1px solid var(--qiling-color-rgba-255-255-255-02);
  border-radius: 30px;
  background: var(--qiling-color-rgba-255-255-255-012);
  box-shadow: 0 28px 60px var(--qiling-color-rgba-15-23-42-022);
}.qiling-module-scope-countdown .module-countdown .countdown-label div {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border: 1px solid var(--qiling-color-transparent);
}.qiling-module-scope-countdown .module-countdown .countdown-item {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-countdown .module-countdown .countdown-btn {
  background: var(--qiling-component-button-bg);
  color: var(--qiling-component-button-text);
  border: 1px solid var(--qiling-component-button-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-countdown .module-countdown .countdown-btn:hover {
  background: var(--qiling-component-button-hover-bg);
  color: var(--qiling-component-button-hover-text);
}html.dark-mode .qiling-module-scope-countdown .module-countdown .countdown-image-wrapper {
  background: var(--qiling-color-rgba-15-23-42-032);
  box-shadow: 0 22px 52px var(--qiling-color-rgba-2-6-23-034);
}

.qiling-module-scope-cta .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-cta .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-cta .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-cta .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-cta .features-tab-btn .tab-icon,
.qiling-module-scope-cta .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-cta .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-cta .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-cta .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-cta .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-cta .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-cta .features-tabs-content {
  position: relative;
}.qiling-module-scope-cta .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-cta .features-tab-pane.active {
  display: block;
}.qiling-module-scope-cta .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-cta .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-cta .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-cta .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-cta .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-cta .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-cta .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-cta .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-cta .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-cta .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-cta .features-grid-2,
.qiling-module-scope-cta .features-grid-3,
.qiling-module-scope-cta .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-cta /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-cta .module-decor.d-left {
  left: 0;
}.qiling-module-scope-cta .module-decor.d-right {
  right: 0;
}.qiling-module-scope-cta .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-cta /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-cta .module-decor svg path,
.qiling-module-scope-cta .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-cta /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-cta .module-decor {
    display: none !important;
  }}.qiling-module-scope-cta .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-cta .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-cta .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-cta .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-cta .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-cta /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-cta .ql-travel-cols-2,
.qiling-module-scope-cta .ql-travel-cols-3,
.qiling-module-scope-cta .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-cta .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-cta /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-cta /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-cta .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-cta .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-cta .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-cta .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-cta .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-cta .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-cta /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-cta /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-cta /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-cta [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-cta .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-cta /* ===== CTA 模块 (Module CTA) ===== */
.module-cta {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  --qiling-cta-button-bg: var(--qiling-color-rgba-255-255-255-098);
  --qiling-cta-button-text: var(
    --color-primary-dark,
    var(--color-primary-hover)
  );
  --qiling-cta-button-border: var(--qiling-color-rgba-255-255-255-098);
  --qiling-cta-button-hover-bg: var(--color-neutral-0);
  --qiling-cta-button-hover-text: var(
    --color-primary-hover,
    var(--color-primary-hover)
  );
  --qiling-cta-button-hover-border: var(--color-neutral-0);
}.qiling-module-scope-cta .module-cta.has-bg-image {
  color: var(--color-text-inverse);
}.qiling-module-scope-cta .module-cta .cta-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--qiling-color-000000);
  z-index: 1;
  pointer-events: none;
}.qiling-module-scope-cta .module-cta .cta-content {
  position: relative;
  z-index: 2;
  max-width: var(--qiling-cta-content-max, var(--qiling-measure-760));
  margin: 0 auto;
  padding: var(--qiling-space-8) 0;
}.qiling-module-scope-cta .module-cta .cta-title {
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-rem-2p5);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: var(--qiling-tracking-neg-em-0p02);
  margin-bottom: var(--qiling-space-16);
}.qiling-module-scope-cta .module-cta .cta-subtitle {
  color: rgba(var(--color-surface-rgb), 0.9);
  font-size: var(--qiling-text-rem-1p25);
  margin: 0 auto var(--qiling-space-36);
  max-width: var(--qiling-measure-rem-36);
  line-height: 1.7;
}.qiling-module-scope-cta .module-cta .btn-cta {
  background: var(--qiling-cta-button-bg, var(--qiling-component-button-bg));
  color: var(--qiling-cta-button-text, var(--qiling-component-button-text));
  border: 1px solid
    var(--qiling-cta-button-border, var(--qiling-component-button-border));
  padding: var(--qiling-component-button-padding);
  min-width: var(--qiling-measure-176);
  font-size: var(--qiling-text-rem-1p1);
  font-weight: 700;
  border-radius: var(--qiling-button-radius);
  transition: all 0.3s ease;
  display: inline-block;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-cta .module-cta .btn-cta:hover {
  transform: translateY(-3px);
  box-shadow: var(--qiling-component-button-shadow);
  background: var(
    --qiling-cta-button-hover-bg,
    var(--qiling-component-button-hover-bg)
  );
  color: var(
    --qiling-cta-button-hover-text,
    var(--qiling-component-button-hover-text)
  );
  border-color: var(
    --qiling-cta-button-hover-border,
    var(--qiling-component-button-hover-bg)
  );
}.qiling-module-scope-cta .module-cta--layout-card {
  margin: var(
    --qiling-cta-card-margin,
    var(--qiling-space-40) min(var(--qiling-space-vw-4), var(--qiling-space-64))
      0
  );
  border-radius: var(--qiling-cta-radius, var(--qiling-card-radius));
  box-shadow: 0 var(--qiling-space-28) var(--qiling-space-64)
    var(--qiling-color-rgba-15-23-42-014);
}.qiling-module-scope-cta .module-cta--layout-standard {
  border-radius: var(--qiling-cta-radius, 0);
}.qiling-module-scope-cta .module-cta--layout-seamless_footer {
  margin-bottom: var(--qiling-cta-footer-overlap, -4px);
  border-radius: var(--qiling-cta-radius, 0);
  box-shadow: none;
  position: relative;
  z-index: 2;
}.qiling-module-scope-cta .module-cta--bridge-on,
.qiling-module-scope-cta .module-cta--layout-seamless_footer {
  margin-bottom: var(--qiling-cta-footer-overlap, -4px);
  position: relative;
  z-index: 2;
}.qiling-module-scope-cta .module-cta--button-pill .btn-cta {
  border-radius: var(--qiling-space-150);
}.qiling-module-scope-cta .module-cta--button-soft .btn-cta {
  background: color-mix(
    in srgb,
    var(--qiling-cta-button-bg, var(--qiling-component-button-bg)) 14%,
    var(--color-neutral-0) 86%
  );
  color: var(--qiling-cta-button-text, var(--qiling-component-button-text));
  border-color: color-mix(
    in srgb,
    var(--qiling-cta-button-bg, var(--qiling-component-button-bg)) 28%,
    transparent
  );
  box-shadow: 0 var(--qiling-space-12) var(--qiling-space-28)
    var(--qiling-color-rgba-15-23-42-008);
}.qiling-module-scope-cta /* 响应式 CTA (Responsive CTA) */
@media (max-width: 768px) {
  .module-cta .cta-title {
    font-size: var(--qiling-text-rem-2);
  }

  .module-cta .cta-subtitle {
    font-size: var(--qiling-text-rem-1p1);
  }

  .module-cta .btn-cta {
    padding: var(--qiling-space-14) var(--qiling-space-36);
    font-size: var(--qiling-text-rem-1);
  }
}.qiling-module-scope-cta /* CTA 默认背景 (当没有内联样式时) (CTA Default Background) */
.module-cta:not(.has-bg-image) {
  background: var(
    --qiling-gradient-brand,
    linear-gradient(
      135deg,
      var(--color-primary, var(--color-primary-light)) 0%,
      var(--color-primary-dark, var(--color-primary-hover)) 100%
    )
  );
}.qiling-module-scope-cta /* CTA 暗黑模式覆盖 (CTA Dark Mode Override) */
html.dark-mode .module-cta:not(.has-bg-image) {
  background: var(--dm-bg) !important;
  /* 强制主题深色背景 (Force Theme Dark Background) */
}.qiling-module-scope-cta /* 确保文本在暗黑模式下保持可见/适当 (Ensure text remains visible/appropriate in Dark Mode) */
html.dark-mode .module-cta .cta-title {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-cta .module-cta .cta-subtitle {
  color: var(--color-text-muted);
}.qiling-module-scope-cta /* 如果是暗黑模式 + 背景图片，我们是否需要使叠加层更暗一点？ (If Dark Mode + Background Image, we might want to darken the overlay slightly more?) */
html.dark-mode .module-cta.has-bg-image .cta-overlay {
  /* 可选：如果需要可以增加透明度，但保留用户设置通常更安全 (Optional: could increase opacity if needed, but keeping user setting is usually safer) */
}.qiling-module-scope-cta .module-cta.module-cta .btn-cta {
  background: var(--qiling-cta-button-bg, var(--qiling-component-button-bg));
  color: var(--qiling-cta-button-text, var(--qiling-component-button-text));
  border-color: var(
    --qiling-cta-button-border,
    var(--qiling-component-button-border)
  );
}.qiling-module-scope-cta .module-cta.module-cta .btn-cta:hover {
  background: var(
    --qiling-cta-button-hover-bg,
    var(--qiling-component-button-hover-bg)
  );
  color: var(
    --qiling-cta-button-hover-text,
    var(--qiling-component-button-hover-text)
  );
  border-color: var(
    --qiling-cta-button-hover-border,
    var(--qiling-component-button-hover-bg)
  );
}.qiling-module-scope-cta .module-cta.module-cta .btn-cta { color: var(--qiling-cta-button-text, #ffffff); }.qiling-module-scope-cta .module-cta.module-cta .btn-cta:hover { color: var(--qiling-cta-button-hover-text, #ffffff); }

.qiling-module-scope-curriculum .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-curriculum .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-curriculum .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-curriculum .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-curriculum .features-tab-btn .tab-icon,
.qiling-module-scope-curriculum .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-curriculum .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-curriculum .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-curriculum .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-curriculum .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-curriculum .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-curriculum .features-tabs-content {
  position: relative;
}.qiling-module-scope-curriculum .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-curriculum .features-tab-pane.active {
  display: block;
}.qiling-module-scope-curriculum .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-curriculum .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-curriculum .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-curriculum .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-curriculum .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-curriculum .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-curriculum .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-curriculum .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-curriculum .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-curriculum .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-curriculum .features-grid-2,
.qiling-module-scope-curriculum .features-grid-3,
.qiling-module-scope-curriculum .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-curriculum /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-curriculum .module-decor.d-left {
  left: 0;
}.qiling-module-scope-curriculum .module-decor.d-right {
  right: 0;
}.qiling-module-scope-curriculum .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-curriculum /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-curriculum .module-decor svg path,
.qiling-module-scope-curriculum .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-curriculum /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-curriculum .module-decor {
    display: none !important;
  }}.qiling-module-scope-curriculum .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-curriculum .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-curriculum .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-curriculum .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-curriculum .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-curriculum /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-curriculum .ql-travel-cols-2,
.qiling-module-scope-curriculum .ql-travel-cols-3,
.qiling-module-scope-curriculum .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-curriculum .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-curriculum /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-curriculum /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-curriculum .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-curriculum .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-curriculum .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-curriculum .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-curriculum .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-curriculum .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-curriculum /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-curriculum /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-curriculum /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-curriculum [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-curriculum .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-curriculum /* =========================================
   新模块：课程 / 手风琴
   ========================================= */
.module-curriculum {
  padding: var(--module-padding, var(--qiling-space-80) 0);
}.qiling-module-scope-curriculum .module-curriculum .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion {
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  overflow: hidden;
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-item {
  border-bottom: 1px solid var(--qiling-component-post-card-border);
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-item:last-child {
  border-bottom: none;
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--qiling-space-22) var(--qiling-space-24);
  cursor: pointer;
  background: var(--qiling-color-transparent);
  transition:
    background 0.2s,
    border-color 0.2s;
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-header:hover {
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-info {
  flex: 1;
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-title {
  margin: 0;
  font-size: var(--qiling-text-rem-1p08);
  font-weight: 700;
  line-height: 1.45;
  color: var(--color-heading);
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-meta {
  display: inline-flex;
  align-items: center;
  margin-top: var(--qiling-space-8);
  padding: var(--qiling-space-4) var(--qiling-space-10);
  font-size: var(--qiling-text-rem-0p8);
  font-weight: 600;
  color: var(--qiling-component-badge-text);
  background: var(--qiling-component-badge-bg);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: 999px;
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-icon {
  width: 28px;
  height: 28px;
  position: relative;
  margin-left: var(--qiling-space-16);
  flex-shrink: 0;
  border-radius: 999px;
  background: rgba(var(--color-primary-rgb), 0.08);
  border: 1px solid rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-icon::before,
.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--curr-primary, var(--color-primary));
  transition: transform 0.3s ease;
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-icon::before {
  width: 16px;
  height: 2px;
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-icon::after {
  width: 2px;
  height: 16px;
}.qiling-module-scope-curriculum /* 打开状态 (Open State) */
.module-curriculum
  .qiling-accordion-item.is-open
  .qiling-accordion-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
  /* 隐藏垂直笔划，使图标显示为减号。 (Hide the vertical stroke so the icon reads as a minus.) */
  opacity: 0;
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-item.is-open .qiling-accordion-header {
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-item.is-open .qiling-accordion-content {
  max-height: 640px;
  /* 近似最大高度 (Approximate max height) */
}.qiling-module-scope-curriculum .module-curriculum .qiling-accordion-body {
  padding: 0 var(--qiling-space-24) var(--qiling-space-24);
  color: var(--color-text-muted);
  line-height: 1.72;
}html.dark-mode .qiling-module-scope-curriculum .module-curriculum .qiling-accordion {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-curriculum .module-curriculum .qiling-accordion-item {
  border-bottom-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-curriculum .module-curriculum .qiling-accordion-title {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-curriculum .module-curriculum .qiling-accordion-meta {
  color: var(--qiling-component-badge-text);
}html.dark-mode .qiling-module-scope-curriculum .module-curriculum .qiling-accordion-body {
  color: var(--color-text-muted);
}

.qiling-module-scope-double_column_carousel .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-double_column_carousel .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-double_column_carousel .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-double_column_carousel .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-double_column_carousel .features-tab-btn .tab-icon,
.qiling-module-scope-double_column_carousel .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-double_column_carousel .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-double_column_carousel .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-double_column_carousel .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-double_column_carousel .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-double_column_carousel .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-double_column_carousel .features-tabs-content {
  position: relative;
}.qiling-module-scope-double_column_carousel .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-double_column_carousel .features-tab-pane.active {
  display: block;
}.qiling-module-scope-double_column_carousel .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-double_column_carousel .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-double_column_carousel .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-double_column_carousel .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-double_column_carousel .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-double_column_carousel .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-double_column_carousel .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-double_column_carousel .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-double_column_carousel .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-double_column_carousel .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-double_column_carousel .features-grid-2,
.qiling-module-scope-double_column_carousel .features-grid-3,
.qiling-module-scope-double_column_carousel .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-double_column_carousel /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-double_column_carousel .module-decor.d-left {
  left: 0;
}.qiling-module-scope-double_column_carousel .module-decor.d-right {
  right: 0;
}.qiling-module-scope-double_column_carousel .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-double_column_carousel /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-double_column_carousel .module-decor svg path,
.qiling-module-scope-double_column_carousel .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-double_column_carousel /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-double_column_carousel .module-decor {
    display: none !important;
  }}.qiling-module-scope-double_column_carousel .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-double_column_carousel .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-double_column_carousel .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-double_column_carousel .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-double_column_carousel .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-double_column_carousel /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-double_column_carousel .ql-travel-cols-2,
.qiling-module-scope-double_column_carousel .ql-travel-cols-3,
.qiling-module-scope-double_column_carousel .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-double_column_carousel .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-double_column_carousel /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-double_column_carousel /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-double_column_carousel .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-double_column_carousel .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-double_column_carousel .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-double_column_carousel .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-double_column_carousel .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-double_column_carousel .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-double_column_carousel /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-double_column_carousel /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-double_column_carousel /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-double_column_carousel [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-double_column_carousel .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-double_column_carousel /* ===== 双列轮播 (double_column_carousel) ===== */

.module-double-column-carousel {
  padding: var(--qiling-space-26) 0;
}.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-wrapper {
  align-items: stretch;
}.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-left,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-top,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom-left,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom-right {
  position: relative;
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-swiper .swiper-slide {
  position: relative;
}.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-slide,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-single-slide,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-top > div,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom > div,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom-left > div,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom-right > div {
  position: relative;
  isolation: isolate;
  transition:
    transform 0.5s ease,
    filter 0.3s ease;
}.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-slide::after,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-single-slide::after,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-top > div::after,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom > div::after,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom-left > div::after,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom-right > div::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(var(--color-primary-rgb), 0.04) 0%,
    rgba(var(--color-primary-rgb), 0.16) 100%
  );
  pointer-events: none;
}.qiling-module-scope-double_column_carousel .module-double-column-carousel .swiper-pagination {
  bottom: 16px !important;
}.qiling-module-scope-double_column_carousel .module-double-column-carousel .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(var(--color-surface-rgb), 0.46);
  opacity: 1;
}.qiling-module-scope-double_column_carousel .module-double-column-carousel .swiper-pagination-bullet-active {
  background: var(--color-text-inverse);
  width: 24px;
  border-radius: 5px;
}.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-slide-title {
  padding: var(--qiling-space-24) !important;
  font-size: clamp(
    var(--qiling-text-rem-1p02),
    var(--qiling-text-vw-2p1),
    var(--qiling-text-rem-1p28)
  ) !important;
  line-height: 1.45;
  font-weight: 700 !important;
  backdrop-filter: blur(4px);
}.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-slide-link:hover .dcc-slide,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right a:hover div {
  transform: scale(1.05);
  filter: saturate(1.05);
}.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-left:hover .dcc-single-slide {
  transform: scale(1.05);
  filter: saturate(1.05);
}html.dark-mode .qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-left,
html.dark-mode .qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-top,
html.dark-mode .qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom,
html.dark-mode .qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom-left,
html.dark-mode .qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom-right {
  background: var(
    --qiling-component-post-card-bg-dark,
    var(--qiling-component-post-card-bg)
  );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-slide::after,
html.dark-mode .qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-single-slide::after,
html.dark-mode .qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-top > div::after,
html.dark-mode .qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom > div::after,
.qiling-module-scope-double_column_carousel html.dark-mode
  .module-double-column-carousel
  .dcc-right-bottom-left
  > div::after,
.qiling-module-scope-double_column_carousel html.dark-mode
  .module-double-column-carousel
  .dcc-right-bottom-right
  > div::after {
  background: linear-gradient(
    180deg,
    rgba(var(--color-primary-rgb), 0.05) 0%,
    rgba(var(--color-surface-rgb), 0.08) 100%
  );
}@media (max-width: 768px){.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-wrapper {
    flex-direction: column;
    height: auto !important;
  }.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-left {
    height: 280px !important;
    flex: none !important;
  }.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right {
    flex: none !important;
    flex-direction: row !important;
    height: auto !important;
  }.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-top,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom {
    height: 140px !important;
    flex: 1 !important;
  }.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom-row {
    height: auto !important;
    flex: 1;
  }.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom-left,
.qiling-module-scope-double_column_carousel .module-double-column-carousel .dcc-right-bottom-right {
    height: 140px;
  }
}

.qiling-module-scope-downloads .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-downloads .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-downloads .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-downloads .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-downloads .features-tab-btn .tab-icon,
.qiling-module-scope-downloads .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-downloads .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-downloads .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-downloads .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-downloads .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-downloads .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-downloads .features-tabs-content {
  position: relative;
}.qiling-module-scope-downloads .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-downloads .features-tab-pane.active {
  display: block;
}.qiling-module-scope-downloads .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-downloads .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-downloads .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-downloads .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-downloads .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-downloads .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-downloads .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-downloads .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-downloads .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-downloads .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-downloads .features-grid-2,
.qiling-module-scope-downloads .features-grid-3,
.qiling-module-scope-downloads .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-downloads /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-downloads .module-decor.d-left {
  left: 0;
}.qiling-module-scope-downloads .module-decor.d-right {
  right: 0;
}.qiling-module-scope-downloads .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-downloads /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-downloads .module-decor svg path,
.qiling-module-scope-downloads .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-downloads /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-downloads .module-decor {
    display: none !important;
  }}.qiling-module-scope-downloads .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-downloads .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-downloads .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-downloads .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-downloads .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-downloads /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-downloads .ql-travel-cols-2,
.qiling-module-scope-downloads .ql-travel-cols-3,
.qiling-module-scope-downloads .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-downloads .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-downloads /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-downloads /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-downloads .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-downloads .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-downloads .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-downloads .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-downloads .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-downloads .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-downloads /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-downloads /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-downloads /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-downloads [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-downloads .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-downloads /* ===== 下载模块 (Module Download) ===== */
.module-downloads .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-downloads .module-downloads .downloads-list {
  max-width: var(--qiling-measure-1040);
  margin: 0 auto;
}.qiling-module-scope-downloads .module-downloads .downloads-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-downloads .module-downloads .download-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--qiling-space-20);
  padding: var(--qiling-space-26) var(--qiling-space-26) var(--qiling-space-24);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-downloads .module-downloads .download-item:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--color-primary-rgb), 0.18);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-downloads .module-downloads .download-content {
  display: flex;
  align-items: flex-start;
  gap: var(--qiling-space-16);
  flex: 1;
  min-width: 0;
}.qiling-module-scope-downloads .module-downloads .download-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--qiling-measure-56);
  height: var(--qiling-measure-56);
  font-size: var(--qiling-text-rem-1p5);
  line-height: 1;
  border-radius: calc(var(--qiling-card-radius) - 6px);
  background: rgba(var(--color-primary-rgb), 0.08);
  color: var(--color-primary);
  flex-shrink: 0;
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  box-shadow: inset 0 1px 0 rgba(var(--color-surface-rgb), 0.65);
}.qiling-module-scope-downloads .module-downloads .download-info {
  flex: 1;
  min-width: 0;
}.qiling-module-scope-downloads .module-downloads .download-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: var(--qiling-text-rem-1p08);
  line-height: 1.45;
  color: var(--color-heading);
  margin: 0;
  font-weight: 700;
  overflow-wrap: anywhere;
  word-break: break-word;
}.qiling-module-scope-downloads .module-downloads .download-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qiling-space-8);
  margin-top: var(--qiling-space-8);
}.qiling-module-scope-downloads .module-downloads .meta-tag {
  display: inline-block;
  padding: var(--qiling-space-4) var(--qiling-space-10);
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  font-size: var(--qiling-text-rem-0p75);
  border-radius: 999px;
  font-weight: 700;
}.qiling-module-scope-downloads .module-downloads .meta-text {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-4);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p85);
}.qiling-module-scope-downloads .module-downloads .download-desc {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin: var(--qiling-space-10) 0 0;
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p92);
  line-height: 1.72;
}.qiling-module-scope-downloads .module-downloads .download-action {
  margin-left: var(--qiling-space-8);
  flex-shrink: 0;
  align-self: start;
}.qiling-module-scope-downloads .module-downloads .btn-download {
  background: var(--downloads-btn-bg, var(--qiling-component-button-bg));
  border: 1px solid
    var(--downloads-btn-border, var(--qiling-component-button-border));
  padding: var(--qiling-component-button-padding);
  border-radius: var(--qiling-button-radius);
  color: var(--downloads-btn-text, var(--qiling-component-button-text));
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--qiling-space-6);
  min-width: var(--qiling-measure-118);
  min-height: var(--qiling-measure-44);
  box-shadow: var(--qiling-component-button-shadow);
  transition: all 0.3s;
  white-space: nowrap;
}.qiling-module-scope-downloads .module-downloads .btn-download:hover {
  background: var(
    --downloads-btn-hover-bg,
    var(--qiling-component-button-hover-bg)
  );
  color: var(
    --downloads-btn-hover-text,
    var(--qiling-component-button-hover-text)
  );
  border-color: var(
    --downloads-btn-hover-border,
    var(--qiling-component-button-hover-bg)
  );
  transform: translateY(-2px);
}.qiling-module-scope-downloads .module-downloads .no-file {
  padding: var(--qiling-space-10) var(--qiling-space-16);
  background: var(--qiling-component-surface-alt-bg, var(--color-neutral-100));
  border-radius: var(--qiling-button-radius);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p9);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--qiling-measure-44);
  border: 1px solid var(--qiling-component-card-border);
}.qiling-module-scope-downloads .module-downloads .downloads-grid .download-item {
  grid-template-columns: minmax(0, 1fr);
  min-height: var(--qiling-measure-280);
}.qiling-module-scope-downloads .module-downloads .downloads-grid .download-action {
  margin-left: calc(var(--qiling-measure-56) + var(--qiling-space-16));
  margin-top: auto;
  align-self: start;
}.qiling-module-scope-downloads /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-downloads {
  background: var(--dm-bg) !important;
}html.dark-mode .qiling-module-scope-downloads .module-downloads .download-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-downloads .module-downloads .download-title {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-downloads .module-downloads .section-title {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-downloads .module-downloads .section-subtitle {
  color: var(--dm-text-muted);
}html.dark-mode .qiling-module-scope-downloads .module-downloads .download-desc {
  color: var(--dm-text-muted);
}html.dark-mode .qiling-module-scope-downloads .module-downloads .meta-tag {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
}html.dark-mode .qiling-module-scope-downloads .module-downloads .meta-text {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-downloads .module-downloads .no-file {
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  color: var(--color-text-muted);
}@media (max-width: 768px){.qiling-module-scope-downloads .module-downloads .download-item {
    flex-direction: column;
    gap: var(--qiling-space-15);
    padding: var(--qiling-space-22) var(--qiling-space-20);
  }.qiling-module-scope-downloads .module-downloads .download-action {
    margin-left: 0;
    width: 100%;
  }.qiling-module-scope-downloads .module-downloads .btn-download,
.qiling-module-scope-downloads .module-downloads .no-file {
    width: 100%;
    justify-content: center;
  }
}.qiling-module-scope-downloads .module-downloads .btn-download { color: var(--downloads-btn-text, #ffffff); }.qiling-module-scope-downloads .module-downloads .btn-download:hover { color: var(--downloads-btn-hover-text, #ffffff); }

.qiling-module-scope-dynamic_banner .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-dynamic_banner .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-dynamic_banner .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-dynamic_banner .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-dynamic_banner .features-tab-btn .tab-icon,
.qiling-module-scope-dynamic_banner .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-dynamic_banner .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-dynamic_banner .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-dynamic_banner .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-dynamic_banner .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-dynamic_banner .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-dynamic_banner .features-tabs-content {
  position: relative;
}.qiling-module-scope-dynamic_banner .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-dynamic_banner .features-tab-pane.active {
  display: block;
}.qiling-module-scope-dynamic_banner .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-dynamic_banner .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-dynamic_banner .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-dynamic_banner .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-dynamic_banner .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-dynamic_banner .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-dynamic_banner .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-dynamic_banner .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-dynamic_banner .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-dynamic_banner .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-dynamic_banner .features-grid-2,
.qiling-module-scope-dynamic_banner .features-grid-3,
.qiling-module-scope-dynamic_banner .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-dynamic_banner /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-dynamic_banner .module-decor.d-left {
  left: 0;
}.qiling-module-scope-dynamic_banner .module-decor.d-right {
  right: 0;
}.qiling-module-scope-dynamic_banner .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-dynamic_banner /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-dynamic_banner .module-decor svg path,
.qiling-module-scope-dynamic_banner .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-dynamic_banner /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-dynamic_banner .module-decor {
    display: none !important;
  }}.qiling-module-scope-dynamic_banner .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-dynamic_banner .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-dynamic_banner .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-dynamic_banner .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-dynamic_banner .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-dynamic_banner /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-dynamic_banner .ql-travel-cols-2,
.qiling-module-scope-dynamic_banner .ql-travel-cols-3,
.qiling-module-scope-dynamic_banner .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-dynamic_banner .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-dynamic_banner /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-dynamic_banner /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-dynamic_banner .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-dynamic_banner .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-dynamic_banner .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-dynamic_banner .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-dynamic_banner .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-dynamic_banner .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-dynamic_banner /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-dynamic_banner /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-dynamic_banner /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-dynamic_banner [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-dynamic_banner .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-btn-primary { color: var(--db-primary-btn-text, #ffffff); }.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-btn-primary:hover,
.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-btn-primary:focus-visible { color: var(--db-primary-btn-hover-text, #ffffff); }.qiling-module-scope-dynamic_banner /* ===== 动态横幅 (dynamic_banner) ===== */
.module-dynamic-banner {
  background: var(--db-bg);
  padding: clamp(
      var(--qiling-space-72),
      var(--qiling-space-vw-8),
      var(--qiling-space-104)
    )
    0;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  --db-primary-btn-default-bg: var(
    --qiling-component-button-bg,
    linear-gradient(
      135deg,
      var(--color-primary) 0%,
      var(--qiling-color-4f46e5) 100%
    )
  );
  --db-primary-btn-default-text: var(
    --qiling-component-button-text,
    var(--color-text-inverse)
  );
  --db-primary-btn-default-border: var(
    --qiling-component-button-border,
    var(--qiling-color-transparent)
  );
  --db-secondary-btn-default-bg: var(
    --qiling-component-button-secondary-bg,
    var(--qiling-color-rgba-241-245-249-095)
  );
  --db-secondary-btn-default-text: var(
    --qiling-component-button-secondary-text,
    var(--color-neutral-800, var(--color-neutral-800))
  );
  --db-secondary-btn-default-border: var(
    --qiling-component-button-secondary-border,
    var(--qiling-color-rgba-203-213-225-08)
  );
}.qiling-module-scope-dynamic_banner .module-dynamic-banner.db-has-fixed-height {
  min-height: var(--db-min-height);
  display: flex;
  align-items: center;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min(var(--qiling-space-vw-6), var(--qiling-space-76));
  align-items: center;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-content {
  max-width: var(--qiling-measure-620);
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-title {
  font-size: var(--qiling-text-rem-3p5);
  line-height: 1.2;
  font-weight: 800;
  margin-bottom: var(--qiling-space-24);
  color: var(--db-title-color);
  letter-spacing: var(--qiling-tracking-neg-em-0p03);
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: pretty;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-title-typing {
  color: var(--db-highlight-color);
  position: relative;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-cursor {
  display: inline-block;
  color: var(--db-highlight-color);
  animation: db-blink 1s step-end infinite;
  margin-left: var(--qiling-space-2);
  font-weight: 300;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-subtitle {
  font-size: var(--qiling-text-rem-1p5);
  font-weight: 600;
  margin-bottom: var(--qiling-space-18);
  color: var(--db-subtitle-color);
  opacity: 0.9;
  max-width: min(var(--qiling-measure-pct-100), var(--qiling-measure-rem-46));
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: pretty;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-desc {
  font-size: var(--qiling-text-rem-1p1);
  line-height: 1.8;
  color: var(--db-desc-color);
  opacity: 0.8;
  margin-bottom: var(--qiling-space-38);
  max-width: 58ch;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-actions {
  display: flex;
  gap: var(--qiling-space-16);
  flex-wrap: wrap;
  align-items: center;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-14) var(--qiling-space-28);
  min-height: 54px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid var(--qiling-color-transparent);
  box-shadow: var(
    --qiling-component-button-shadow,
    0 18px 38px var(--qiling-color-rgba-15-23-42-012)
  );
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 44px var(--qiling-color-rgba-15-23-42-016);
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-btn-primary {
  background: var(--db-primary-btn-bg, var(--db-primary-btn-default-bg));
  color: var(--db-primary-btn-text, var(--db-primary-btn-default-text));
  border-color: var(
    --db-primary-btn-border,
    var(--db-primary-btn-default-border)
  );
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-btn-primary:hover,
.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-btn-primary:focus-visible {
  background: var(
    --db-primary-btn-hover-bg,
    var(--db-primary-btn-bg, var(--db-primary-btn-default-bg))
  );
  color: var(
    --db-primary-btn-hover-text,
    var(--db-primary-btn-text, var(--db-primary-btn-default-text))
  );
  border-color: var(
    --db-primary-btn-hover-border,
    var(--db-primary-btn-border, var(--db-primary-btn-default-border))
  );
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-btn-secondary {
  background: var(--db-secondary-btn-bg, var(--db-secondary-btn-default-bg));
  color: var(--db-secondary-btn-text, var(--db-secondary-btn-default-text));
  border-color: var(
    --db-secondary-btn-border,
    var(--db-secondary-btn-default-border)
  );
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-btn-secondary:hover,
.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-btn-secondary:focus-visible {
  background: var(
    --db-secondary-btn-hover-bg,
    var(--db-secondary-btn-bg, var(--db-secondary-btn-default-bg))
  );
  color: var(
    --db-secondary-btn-hover-text,
    var(--db-secondary-btn-text, var(--db-secondary-btn-default-text))
  );
  border-color: var(
    --db-secondary-btn-hover-border,
    var(--db-secondary-btn-border, var(--db-secondary-btn-default-border))
  );
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-btn-outline {
  background: var(--qiling-color-transparent);
  border: 1px solid var(--db-outline-color, var(--db-title-color));
  color: var(--db-outline-color, var(--db-title-color));
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-btn-outline:hover {
  background: var(--qiling-color-rgba-255-255-255-074);
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-visual {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-visual-inner {
  position: relative;
  width: 100%;
  max-width: var(--qiling-measure-600);
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-main-image {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  border-radius: 26px;
  border: 1px solid var(--qiling-color-rgba-255-255-255-026);
  background: var(--qiling-color-rgba-255-255-255-084);
  transition: transform 0.3s ease;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-visual:hover .db-main-image {
  transform: scale(1.02);
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .shadow-soft {
  box-shadow: 0 20px 50px -12px var(--qiling-color-rgba-0-0-0-01);
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .shadow-strong {
  box-shadow: 0 25px 50px -12px var(--qiling-color-rgba-0-0-0-025);
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .shadow-glow {
  box-shadow: 0 0 60px -12px var(--qiling-color-rgba-79-70-229-03);
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-float-card {
  position: absolute;
  z-index: 2;
  background: var(
    --qiling-component-card-bg,
    var(--qiling-color-rgba-255-255-255-094)
  );
  border-radius: 20px;
  border: 1px solid
    var(--qiling-component-card-border, var(--qiling-color-rgba-226-232-240-09));
  box-shadow: var(
    --qiling-component-card-shadow,
    0 20px 40px var(--qiling-color-rgba-15-23-42-012)
  );
  padding: var(--qiling-space-14) var(--qiling-space-20);
  display: flex;
  align-items: center;
  gap: var(--qiling-space-12);
  transform-origin: center center;
  white-space: nowrap;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .type-badge {
  padding: var(--qiling-space-8) var(--qiling-space-16);
  border-radius: 100px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  background: rgba(var(--color-primary-rgb), 0.1);
  color: var(--color-primary);
  border: 1px solid rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-badge-dot {
  width: 8px;
  height: 8px;
  background: var(--qiling-color-10b981);
  border-radius: 50%;
  display: inline-block;
  margin-right: var(--qiling-space-6);
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: rgba(var(--color-primary-rgb), 0.1);
  color: var(--color-primary);
  border: 1px solid rgba(var(--color-primary-rgb), 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--qiling-text-18);
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-card-title {
  font-weight: 700;
  font-size: var(--qiling-text-16);
  color: var(--color-neutral-800);
  line-height: 1.2;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-card-subtitle {
  font-size: var(--qiling-text-12);
  color: var(--color-text-muted);
  margin-top: var(--qiling-space-2);
}
@keyframes db-blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes db-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes db-pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 var(--qiling-color-rgba-255-255-255-07);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px var(--qiling-color-rgba-255-255-255-0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 var(--qiling-color-rgba-255-255-255-0);
  }
}
@keyframes db-shake {
  0%,
  100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-5deg);
  }
  75% {
    transform: rotate(5deg);
  }
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .anim-float {
  animation: db-float 6s ease-in-out infinite;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .anim-pulse {
  animation: db-pulse 3s infinite;
}.qiling-module-scope-dynamic_banner .module-dynamic-banner .anim-shake {
  animation: db-shake 4s ease-in-out infinite;
}html.dark-mode .qiling-module-scope-dynamic_banner .module-dynamic-banner {
  --db-secondary-btn-default-bg: var(
    --qiling-component-card-bg-dark,
    var(--qiling-color-rgba-15-23-42-092)
  );
  --db-secondary-btn-default-border: var(
    --qiling-component-card-border-dark,
    var(--qiling-color-neutral-400-alpha-02)
  );
}html.dark-mode .qiling-module-scope-dynamic_banner .module-dynamic-banner .db-float-card {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-color-rgba-15-23-42-092)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-color-neutral-400-alpha-02)
  );
}html.dark-mode .qiling-module-scope-dynamic_banner .module-dynamic-banner .db-main-image {
  background: var(--qiling-color-rgba-15-23-42-076);
  border-color: var(--qiling-color-neutral-400-alpha-02);
}html.dark-mode .qiling-module-scope-dynamic_banner .module-dynamic-banner .db-card-title {
  color: var(--color-text-inverse);
}html.dark-mode .qiling-module-scope-dynamic_banner .module-dynamic-banner .db-card-subtitle {
  color: var(--qiling-color-rgba-255-255-255-07);
}@media (max-width: 991px){.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-title {
    font-size: var(--qiling-text-rem-2p8);
  }
}@media (max-width: 768px){.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-grid {
    grid-template-columns: 1fr;
    text-align: center;
    gap: var(--qiling-space-40);
  }.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-content {
    order: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-title {
    font-size: var(--qiling-text-rem-2p2);
  }.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-desc {
    margin: 0 auto var(--qiling-space-30);
  }.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-actions {
    justify-content: center;
  }.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-visual {
    order: 2;
    min-height: auto;
    padding: var(--qiling-space-20);
  }.qiling-module-scope-dynamic_banner .module-dynamic-banner .db-float-card {
    transform: scale(0.8);
  }
}

.qiling-module-scope-experience_timeline .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-experience_timeline .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-experience_timeline .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-experience_timeline .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-experience_timeline .features-tab-btn .tab-icon,
.qiling-module-scope-experience_timeline .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-experience_timeline .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-experience_timeline .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-experience_timeline .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-experience_timeline .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-experience_timeline .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-experience_timeline .features-tabs-content {
  position: relative;
}.qiling-module-scope-experience_timeline .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-experience_timeline .features-tab-pane.active {
  display: block;
}.qiling-module-scope-experience_timeline .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-experience_timeline .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-experience_timeline .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-experience_timeline .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-experience_timeline .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-experience_timeline .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-experience_timeline .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-experience_timeline .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-experience_timeline .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-experience_timeline .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-experience_timeline .features-grid-2,
.qiling-module-scope-experience_timeline .features-grid-3,
.qiling-module-scope-experience_timeline .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-experience_timeline /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-experience_timeline .module-decor.d-left {
  left: 0;
}.qiling-module-scope-experience_timeline .module-decor.d-right {
  right: 0;
}.qiling-module-scope-experience_timeline .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-experience_timeline /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-experience_timeline .module-decor svg path,
.qiling-module-scope-experience_timeline .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-experience_timeline /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-experience_timeline .module-decor {
    display: none !important;
  }}.qiling-module-scope-experience_timeline .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-experience_timeline .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-experience_timeline .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-experience_timeline .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-experience_timeline .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-experience_timeline /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-experience_timeline .ql-travel-cols-2,
.qiling-module-scope-experience_timeline .ql-travel-cols-3,
.qiling-module-scope-experience_timeline .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-experience_timeline .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-experience_timeline /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-experience_timeline /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-experience_timeline .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-experience_timeline .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-experience_timeline .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-experience_timeline .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-experience_timeline .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-experience_timeline .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-experience_timeline /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-experience_timeline /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-experience_timeline /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-experience_timeline [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-experience_timeline .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-experience_timeline .module-experience-timeline {
  position: relative;
}.qiling-module-scope-experience_timeline .module-experience-timeline .module-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-000000);
  z-index: 1;
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-timeline-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-experience_timeline .module-experience-timeline .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-wrapper {
  max-width: var(--qiling-measure-980);
  margin: 0 auto;
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-wrapper.layout-double {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--qiling-space-28);
  max-width: var(--qiling-measure-1200);
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-group {
  margin-bottom: 0;
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-group-title {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-12);
  font-size: var(--qiling-text-rem-1p32);
  font-weight: 700;
  margin: 0 0 var(--qiling-space-24);
  color: var(--color-heading);
  line-height: 1.35;
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-group-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  font-size: var(--qiling-text-rem-1p25);
  background: rgba(var(--color-primary-rgb), 0.08);
  border: 1px solid rgba(var(--color-primary-rgb), 0.12);
  border-radius: calc(var(--qiling-card-radius) - 6px);
  box-shadow: inset 0 1px 0 rgba(var(--color-surface-rgb), 0.65);
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-list {
  --exp-line-color: var(--color-primary, var(--color-primary-light));
  position: relative;
  padding-left: var(--qiling-space-34);
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-list::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 18px;
  bottom: 18px;
  width: 3px;
  background: linear-gradient(
    180deg,
    rgba(var(--color-primary-rgb), 0.16) 0%,
    var(--exp-line-color) 50%,
    rgba(var(--color-primary-rgb), 0.16) 100%
  );
  opacity: 0.7;
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-item {
  position: relative;
  padding-bottom: var(--qiling-space-18);
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-item:last-child {
  padding-bottom: 0;
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-dot {
  position: absolute;
  left: -30px;
  top: 6px;
  width: 14px;
  height: 14px;
  background: var(--exp-line-color);
  border-radius: 50%;
  border: 3px solid var(--qiling-component-card-bg);
  box-shadow: 0 0 0 2px var(--exp-line-color);
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-dot.style-ring {
  background: var(--color-surface);
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-dot.style-icon {
  width: 28px;
  height: 28px;
  left: -37px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--qiling-text-rem-0p9);
  color: var(--color-text-inverse);
  border: none;
  box-shadow: 0 2px 8px var(--qiling-color-rgba-0-0-0-015);
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-content {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-20) var(--qiling-space-20) var(--qiling-space-18);
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-item:hover .exp-content {
  transform: translateY(-4px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--qiling-space-8) var(--qiling-space-16);
  margin-bottom: var(--qiling-space-8);
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-period {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-6);
  font-size: var(--qiling-text-rem-0p85);
  font-weight: 600;
  color: var(--qiling-component-badge-text);
  background: var(--qiling-component-badge-bg);
  border: 1px solid var(--qiling-color-transparent);
  padding: var(--qiling-space-4) var(--qiling-space-12);
  border-radius: 999px;
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-title {
  font-size: var(--qiling-text-rem-1p15);
  font-weight: 700;
  color: var(--color-heading);
  margin: 0;
  line-height: 1.45;
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-company {
  font-size: var(--qiling-text-rem-0p95);
  color: var(--color-text-muted);
  margin: var(--qiling-space-6) 0 0;
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-company a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-company a:hover {
  color: var(--exp-line-color);
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-desc {
  font-size: var(--qiling-text-rem-0p95);
  color: var(--color-text-muted);
  line-height: 1.72;
  margin: var(--qiling-space-12) 0 0;
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-8);
  margin-top: var(--qiling-space-12);
}.qiling-module-scope-experience_timeline .module-experience-timeline .exp-tag {
  font-size: var(--qiling-text-rem-0p75);
  padding: var(--qiling-space-4) var(--qiling-space-10);
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: 999px;
  font-weight: 600;
}@media (max-width: 768px){.qiling-module-scope-experience_timeline .module-experience-timeline .exp-wrapper.layout-double {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-40);
  }.qiling-module-scope-experience_timeline .module-experience-timeline .section-header {
    margin-bottom: var(--qiling-space-40);
  }
}html.dark-mode .qiling-module-scope-experience_timeline .module-experience-timeline {
  background: var(--dm-bg) !important;
}html.dark-mode .qiling-module-scope-experience_timeline .module-experience-timeline .section-title {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-experience_timeline .module-experience-timeline .section-subtitle {
  color: var(--dm-text-muted);
}html.dark-mode .qiling-module-scope-experience_timeline .module-experience-timeline .exp-group-title,
html.dark-mode .qiling-module-scope-experience_timeline .module-experience-timeline .exp-title {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-experience_timeline .module-experience-timeline .exp-content {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-experience_timeline .module-experience-timeline .exp-company {
  color: var(--dm-text-muted);
}html.dark-mode .qiling-module-scope-experience_timeline .module-experience-timeline .exp-desc {
  color: var(--color-neutral-300);
}html.dark-mode .qiling-module-scope-experience_timeline .module-experience-timeline .exp-tag {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border-color: var(--qiling-color-transparent);
}html.dark-mode .qiling-module-scope-experience_timeline .module-experience-timeline .exp-dot {
  border-color: var(--qiling-component-card-bg-dark, var(--color-neutral-800));
}html.dark-mode .qiling-module-scope-experience_timeline .module-experience-timeline .exp-period {
  background: var(--qiling-component-badge-bg);
}

.qiling-module-scope-faq .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-faq .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-faq .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-faq .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-faq .features-tab-btn .tab-icon,
.qiling-module-scope-faq .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-faq .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-faq .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-faq .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-faq .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-faq .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-faq .features-tabs-content {
  position: relative;
}.qiling-module-scope-faq .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-faq .features-tab-pane.active {
  display: block;
}.qiling-module-scope-faq .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-faq .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-faq .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-faq .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-faq .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-faq .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-faq .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-faq .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-faq .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-faq .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-faq .features-grid-2,
.qiling-module-scope-faq .features-grid-3,
.qiling-module-scope-faq .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-faq /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-faq .module-decor.d-left {
  left: 0;
}.qiling-module-scope-faq .module-decor.d-right {
  right: 0;
}.qiling-module-scope-faq .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-faq /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-faq .module-decor svg path,
.qiling-module-scope-faq .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-faq /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-faq .module-decor {
    display: none !important;
  }}.qiling-module-scope-faq .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-faq .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-faq .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-faq .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-faq .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-faq /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-faq .ql-travel-cols-2,
.qiling-module-scope-faq .ql-travel-cols-3,
.qiling-module-scope-faq .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-faq .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-faq /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-faq /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-faq .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-faq .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-faq .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-faq .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-faq .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-faq .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-faq /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-faq /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-faq /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-faq [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-faq .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-faq /* ===== 常见问题模块 (Module FAQ) ===== */
.module-faq .faq-list {
  max-width: var(--qiling-measure-860);
  margin: 0 auto;
}.qiling-module-scope-faq .module-faq .section-header {
  margin-bottom: var(--qiling-space-44);
}.qiling-module-scope-faq .module-faq.module-faq .faq-list .faq-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--faq-card-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--faq-card-border, var(--qiling-component-card-border));
  border-radius: var(--qiling-card-radius);
  margin-bottom: var(--qiling-space-18);
  overflow: hidden;
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-faq .module-faq.module-faq .faq-list .faq-item:hover {
  transform: translateY(-4px);
  border-color: var(--faq-card-hover-border, rgba(var(--color-primary-rgb), 0.18));
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-faq .module-faq .faq-question {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--qiling-space-16);
  padding: var(--qiling-space-22) var(--qiling-space-26);
  background: var(--qiling-color-transparent);
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: var(--qiling-text-rem-1p08);
  font-weight: 600;
  color: var(--faq-question, var(--qiling-component-accordion-title, var(--color-heading)));
  transition: all 0.3s;
}.qiling-module-scope-faq .module-faq .faq-question > span:first-child {
  flex: 1;
  min-width: 0;
  line-height: 1.55;
}.qiling-module-scope-faq .module-faq .faq-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 999px;
  background: var(--faq-icon-bg, rgba(var(--color-primary-rgb), 0.08));
  color: var(--faq-icon-color, var(--color-primary));
  transition: transform 0.3s ease;
}.qiling-module-scope-faq .module-faq .faq-item.active .faq-icon {
  transform: rotate(45deg);
  color: var(--faq-icon-color, var(--color-primary));
  background: var(--faq-icon-bg, rgba(var(--color-primary-rgb), 0.14));
}.qiling-module-scope-faq .module-faq .faq-item.active .faq-question {
  color: var(--faq-question, var(--color-heading));
}.qiling-module-scope-faq .module-faq .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
  background: var(--faq-card-bg, var(--qiling-component-card-bg));
}.qiling-module-scope-faq .module-faq .faq-answer-content {
  padding: 0 var(--qiling-space-26) var(--qiling-space-26);
  color: var(--faq-answer, var(--color-text-muted));
  font-size: var(--qiling-text-rem-0p96);
  line-height: 1.72;
}.qiling-module-scope-faq /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-faq {
  background: var(--dm-bg) !important;
}html.dark-mode .qiling-module-scope-faq .module-faq.module-faq .faq-list .faq-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-faq .module-faq .faq-question {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  color: var(--qiling-component-accordion-title, var(--color-heading));
}html.dark-mode .qiling-module-scope-faq .module-faq .faq-answer {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
}html.dark-mode .qiling-module-scope-faq .module-faq .faq-answer-content {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-faq .module-faq .section-title {
  color: var(--qiling-component-module-title-color-dark, var(--color-heading));
}html.dark-mode .qiling-module-scope-faq .module-faq .section-subtitle {
  color: var(--color-text-muted);
}.qiling-module-scope-faq [data-qds-card-mode="independent"] .module-faq.module-faq .faq-item {
  background: var(--faq-card-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--faq-card-border, var(--qiling-component-card-border));
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-faq .module-faq.module-faq .faq-item:hover {
  border-color: var(--faq-card-hover-border, var(--faq-card-border, var(--qiling-component-card-border)));
  box-shadow: var(--qiling-component-card-shadow);
}

.qiling-module-scope-featured_posts .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-featured_posts .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-featured_posts .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-featured_posts .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-featured_posts .features-tab-btn .tab-icon,
.qiling-module-scope-featured_posts .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-featured_posts .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-featured_posts .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-featured_posts .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-featured_posts .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-featured_posts .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-featured_posts .features-tabs-content {
  position: relative;
}.qiling-module-scope-featured_posts .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-featured_posts .features-tab-pane.active {
  display: block;
}.qiling-module-scope-featured_posts .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-featured_posts .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-featured_posts .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-featured_posts .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-featured_posts .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-featured_posts .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-featured_posts .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-featured_posts .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-featured_posts .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-featured_posts .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-featured_posts .features-grid-2,
.qiling-module-scope-featured_posts .features-grid-3,
.qiling-module-scope-featured_posts .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-featured_posts /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-featured_posts .module-decor.d-left {
  left: 0;
}.qiling-module-scope-featured_posts .module-decor.d-right {
  right: 0;
}.qiling-module-scope-featured_posts .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-featured_posts /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-featured_posts .module-decor svg path,
.qiling-module-scope-featured_posts .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-featured_posts /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-featured_posts .module-decor {
    display: none !important;
  }}.qiling-module-scope-featured_posts .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-featured_posts .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-featured_posts .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-featured_posts .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-featured_posts .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-featured_posts /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-featured_posts .ql-travel-cols-2,
.qiling-module-scope-featured_posts .ql-travel-cols-3,
.qiling-module-scope-featured_posts .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-featured_posts .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-featured_posts /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-featured_posts /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-featured_posts .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-featured_posts .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-featured_posts .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-featured_posts .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-featured_posts .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-featured_posts .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-featured_posts /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-featured_posts /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-featured_posts /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-featured_posts [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-featured_posts .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-wrapper {
  display: flex;
  gap: var(--qiling-space-20);
}.qiling-module-scope-featured_posts .module-featured-posts .section-header {
  margin-bottom: var(--qiling-space-44);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-wrapper.fp-layout-full .fp-slider-wrapper {
  width: 100%;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-wrapper.fp-layout-magazine {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: var(--qiling-space-22);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-slider {
  position: relative;
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  min-height: 200px;
}.qiling-module-scope-featured_posts .module-featured-posts.module-featured-posts .fp-wrapper .fp-slider {
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition:
    opacity 0.5s ease,
    transform 0.5s ease;
  z-index: 0;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-slide.active {
  position: relative;
  opacity: 1;
  z-index: 1;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-slide-link {
  display: block;
  position: relative;
  height: 100%;
  text-decoration: none;
  color: var(--color-text-inverse);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-slide-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.5s ease;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-slide:hover .fp-slide-image {
  transform: scale(1.05);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
      180deg,
      rgba(var(--qiling-rgb-15-23-42), 0.04) 0%,
      rgba(var(--qiling-rgb-15-23-42), 0.12) 48%,
      rgba(var(--qiling-rgb-15-23-42), 0.62) 100%
    ),
    linear-gradient(
      135deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      rgba(var(--color-primary-rgb), 0.26) 100%
    );
}.qiling-module-scope-featured_posts .module-featured-posts .fp-slide-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--qiling-space-32);
  z-index: 2;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-badge {
  display: inline-block;
  padding: var(--qiling-space-6) var(--qiling-space-14);
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border: 1px solid var(--qiling-color-transparent);
  font-size: var(--qiling-text-rem-0p75);
  font-weight: 600;
  border-radius: 999px;
  margin-bottom: var(--qiling-space-12);
  text-transform: uppercase;
  letter-spacing: var(--qiling-tracking-0p5);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-slide-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-12);
  margin-bottom: var(--qiling-space-12);
  font-size: var(--qiling-text-rem-0p85);
  opacity: 0.9;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-category {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border: 1px solid var(--qiling-color-transparent);
  padding: var(--qiling-space-4) var(--qiling-space-12);
  border-radius: 999px;
  backdrop-filter: blur(10px);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-slide-title {
  font-size: var(--qiling-text-rem-1p7);
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 var(--qiling-space-12);
  text-shadow: 0 2px 8px var(--qiling-color-rgba-0-0-0-03);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-slide-excerpt {
  font-size: var(--qiling-text-rem-0p95);
  opacity: 0.85;
  margin: 0 0 var(--qiling-space-16);
  line-height: 1.65;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-author {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-10);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-author-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid rgba(var(--color-surface-rgb), 0.3);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-author-name {
  font-size: var(--qiling-text-rem-0p9);
  opacity: 0.9;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: var(--qiling-component-button-bg);
  backdrop-filter: blur(10px);
  border: 1px solid var(--qiling-component-button-border);
  border-radius: 50%;
  color: var(--color-text-inverse);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: var(--qiling-component-button-shadow);
  z-index: 10;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-arrow:hover {
  background: var(--qiling-component-button-hover-bg);
  border-color: var(--qiling-component-button-hover-bg);
  color: var(--qiling-component-button-hover-text);
  transform: translateY(-50%) scale(1.1);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-arrow-prev {
  left: 20px;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-arrow-next {
  right: 20px;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: var(--qiling-space-8);
  z-index: 10;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--qiling-component-tabs-border);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-dot.active,
.qiling-module-scope-featured_posts .module-featured-posts .fp-dot:hover {
  background: var(--qiling-component-tabs-active-border);
  transform: scale(1.2);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-list {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-14);
  height: var(--qiling-fp-slider-height, 320px);
  /* 默认后备 (Default Fallback) */
}.qiling-module-scope-featured_posts .module-featured-posts .fp-list-item {
  position: relative;
  flex: 1;
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  text-decoration: none;
  color: var(--color-text-inverse);
}.qiling-module-scope-featured_posts .module-featured-posts.module-featured-posts .fp-list .fp-list-item {
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-list-item-featured {
  flex: 2;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-list-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-list-item:hover .fp-list-image {
  transform: scale(1.08);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-list-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
      180deg,
      rgba(var(--qiling-rgb-15-23-42), 0.06) 0%,
      rgba(var(--qiling-rgb-15-23-42), 0.52) 100%
    ),
    linear-gradient(
      135deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      rgba(var(--color-primary-rgb), 0.2) 100%
    );
}.qiling-module-scope-featured_posts .module-featured-posts .fp-list-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--qiling-space-18);
  z-index: 2;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-list-category {
  display: inline-block;
  padding: var(--qiling-space-3) var(--qiling-space-10);
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border: 1px solid var(--qiling-color-transparent);
  font-size: var(--qiling-text-rem-0p7);
  font-weight: 600;
  border-radius: 999px;
  margin-bottom: var(--qiling-space-8);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-list-title {
  font-size: var(--qiling-text-rem-1);
  font-weight: 700;
  margin: 0;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-list-item-featured .fp-list-title {
  font-size: var(--qiling-text-rem-1p16);
}.qiling-module-scope-featured_posts .module-featured-posts .fp-wrapper.fp-layout-magazine .fp-list {
  height: 100% !important;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-wrapper.fp-layout-magazine .fp-list-item {
  min-height: 110px;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-wrapper.fp-layout-magazine .fp-list-item-featured {
  min-height: 160px;
}.qiling-module-scope-featured_posts .module-featured-posts .fp-list-date {
  font-size: var(--qiling-text-rem-0p75);
  opacity: 0.7;
  margin-top: var(--qiling-space-6);
  display: block;
}@media (max-width: 992px){.qiling-module-scope-featured_posts .module-featured-posts .fp-wrapper {
    flex-direction: column;
  }.qiling-module-scope-featured_posts .module-featured-posts .fp-wrapper.fp-layout-magazine {
    grid-template-columns: 1fr;
  }.qiling-module-scope-featured_posts .module-featured-posts .fp-wrapper.fp-layout-dual .fp-slider-wrapper,
.qiling-module-scope-featured_posts .module-featured-posts .fp-list-wrapper {
    width: 100% !important;
  }.qiling-module-scope-featured_posts .module-featured-posts .fp-list {
    flex-direction: row;
    flex-wrap: wrap;
    height: auto !important;
    /* 覆盖内联高度 (Override inline height) */
  }.qiling-module-scope-featured_posts .module-featured-posts .fp-list-item {
    flex: 1 1 calc(50% - 6px);
    min-height: 150px;
  }.qiling-module-scope-featured_posts .module-featured-posts .fp-list-item-featured {
    flex: 1 1 100%;
    min-height: 180px;
  }
}@media (max-width: 576px){.qiling-module-scope-featured_posts .module-featured-posts .fp-slide-title {
    font-size: var(--qiling-text-rem-1p2);
  }.qiling-module-scope-featured_posts .module-featured-posts .fp-slide-content {
    padding: var(--qiling-space-20);
  }.qiling-module-scope-featured_posts .module-featured-posts .fp-arrow {
    width: 36px;
    height: 36px;
  }.qiling-module-scope-featured_posts .module-featured-posts .fp-arrow svg {
    width: 18px;
    height: 18px;
  }.qiling-module-scope-featured_posts .module-featured-posts .fp-list-item {
    flex: 1 1 100%;
  }
}.qiling-module-scope-featured_posts /* 暗黑模式支持 (Dark Mode Support) */
html.dark-mode .module-featured-posts {
  background: var(--dm-bg) !important;
  /* 覆盖内联背景 (Override inline bg) */
}html.dark-mode .qiling-module-scope-featured_posts .module-featured-posts .section-title {
  color: var(
    --qiling-component-module-title-color-dark,
    var(--color-heading)
  ) !important;
}html.dark-mode .qiling-module-scope-featured_posts .module-featured-posts .section-subtitle {
  color: var(--color-text-muted) !important;
}.qiling-module-scope-featured_posts /* 确保空状态为深色 (Ensure empty state is dark) */
html.dark-mode .module-featured-posts .fp-empty {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  ) !important;
  color: var(--color-text-muted) !important;
}

.qiling-module-scope-features_list .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-features_list .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-features_list .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-features_list .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-features_list .features-tab-btn .tab-icon,
.qiling-module-scope-features_list .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-features_list .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-features_list .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-features_list .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-features_list .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-features_list .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-features_list .features-tabs-content {
  position: relative;
}.qiling-module-scope-features_list .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-features_list .features-tab-pane.active {
  display: block;
}.qiling-module-scope-features_list .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-features_list .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-features_list .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-features_list .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-features_list .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-features_list .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-features_list .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-features_list .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-features_list .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-features_list .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-features_list .features-grid-2,
.qiling-module-scope-features_list .features-grid-3,
.qiling-module-scope-features_list .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-features_list /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-features_list .module-decor.d-left {
  left: 0;
}.qiling-module-scope-features_list .module-decor.d-right {
  right: 0;
}.qiling-module-scope-features_list .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-features_list /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-features_list .module-decor svg path,
.qiling-module-scope-features_list .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-features_list /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-features_list .module-decor {
    display: none !important;
  }}.qiling-module-scope-features_list .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-features_list .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-features_list .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-features_list .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-features_list .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-features_list /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-features_list .ql-travel-cols-2,
.qiling-module-scope-features_list .ql-travel-cols-3,
.qiling-module-scope-features_list .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-features_list .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-features_list /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-features_list /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-features_list .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-features_list .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-features_list .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-features_list .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-features_list .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-features_list .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-features_list /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-features_list /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-features_list /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-features_list [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-features_list .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-features_list .module-features-list {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}.qiling-module-scope-features_list .module-features-list .module-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-000000);
  z-index: 1;
}.qiling-module-scope-features_list .module-features-list .section-title {
  color: var(--qiling-component-module-title-color);
}.qiling-module-scope-features_list .module-features-list .section-subtitle,
.qiling-module-scope-features_list .module-features-list .feature-desc {
  color: var(--color-text-muted);
}.qiling-module-scope-features_list .module-features-list .feature-title {
  color: var(--color-heading);
}.qiling-module-scope-features_list .module-features-list .section-header {
  margin-bottom: var(--qiling-space-42);
}@media (max-width: 768px){.qiling-module-scope-features_list .module-features-list {
    padding: var(--qiling-space-60) 0;
  }.qiling-module-scope-features_list .features-tabs {
    margin-bottom: var(--qiling-space-30);
    padding: var(--qiling-space-6);
    gap: var(--qiling-space-8);
  }.qiling-module-scope-features_list .features-tab-btn {
    padding: var(--qiling-space-12) var(--qiling-space-20);
    font-size: var(--qiling-text-rem-0p9);
  }.qiling-module-scope-features_list .features-tab-btn .tab-icon {
    font-size: var(--qiling-text-rem-1p1);
  }.qiling-module-scope-features_list .features-grid-2,
.qiling-module-scope-features_list .features-grid-3,
.qiling-module-scope-features_list .features-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--qiling-space-16);
  }.qiling-module-scope-features_list .feature-card {
    padding: var(--qiling-space-24) var(--qiling-space-20);
  }.qiling-module-scope-features_list .feature-icon {
    width: 56px;
    height: 56px;
    font-size: var(--qiling-text-rem-1p75);
    margin-bottom: var(--qiling-space-16);
  }.qiling-module-scope-features_list .feature-title {
    font-size: var(--qiling-text-rem-1p1);
  }.qiling-module-scope-features_list .feature-desc {
    font-size: var(--qiling-text-rem-0p9);
  }
}.qiling-module-scope-features_list .module-features-list.module-features-list .feature-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-card-bg, var(--qiling-component-card-bg));
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-34) var(--qiling-space-26) var(--qiling-space-30);
  border: 1px solid var(--fl-card-border, var(--qiling-component-card-border));
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-features_list .feature-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(
    90deg,
    var(--color-primary, var(--color-primary)),
    var(--color-primary-light, var(--qiling-color-60a5fa))
  );
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}.qiling-module-scope-features_list .module-features-list.module-features-list .feature-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.18);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-features_list .feature-card:hover::before {
  transform: scaleX(1);
}.qiling-module-scope-features_list .module-features-list .feature-icon {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--qiling-text-rem-2);
  background: var(--fl-icon-bg, linear-gradient(
    135deg,
    rgba(var(--color-primary-rgb), 0.1),
    rgba(var(--color-success-rgb), 0.1)
  ));
  color: var(--fl-icon-color, var(--color-primary));
  border-radius: 18px;
  margin-bottom: var(--qiling-space-22);
  transition: all 0.3s;
  border: 1px solid rgba(var(--color-primary-rgb), 0.08);
  box-shadow: 0 14px 32px rgba(var(--color-primary-rgb), 0.14);
}.qiling-module-scope-features_list .module-features-list .feature-card:hover .feature-icon {
  transform: scale(1.1) rotate(5deg);
  background: var(--fl-icon-bg, rgba(var(--color-primary-rgb), 0.18));
}.qiling-module-scope-features_list .module-features-list .feature-title {
  font-size: var(--qiling-text-rem-1p25);
  font-weight: 700;
  color: var(--fl-item-title, var(--color-heading));
  margin: 0 0 var(--qiling-space-12) 0;
  line-height: 1.4;
}.qiling-module-scope-features_list .module-features-list .feature-desc {
  font-size: var(--qiling-text-rem-0p95);
  color: var(--fl-item-desc, var(--color-text-muted));
  line-height: 1.7;
  margin: 0;
}html.dark-mode .qiling-module-scope-features_list .module-features-list.module-features-list .feature-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-features_list .module-features-list.module-features-list .feature-card:hover {
  border-color: rgba(var(--color-primary-rgb), 0.2);
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-features_list .feature-title {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-features_list .feature-desc {
  color: var(--color-text-muted);
}.qiling-module-scope-features_list .module-features-list .feature-title {
  margin: 0 0 var(--qiling-space-12);
  font-size: var(--qiling-text-rem-1p12);
  font-weight: 700;
  line-height: 1.45;
}.qiling-module-scope-features_list .module-features-list .feature-desc {
  margin: 0;
  line-height: 1.72;
}.qiling-module-scope-features_list [data-qds-card-mode="independent"] .module-features-list.module-features-list .feature-card {
  background: var(--fl-card-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--fl-card-border, var(--qiling-component-card-border));
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-features_list .module-features-list.module-features-list .feature-card:hover {
  border-color: var(--fl-card-hover-border, var(--fl-card-border, var(--qiling-component-card-border)));
  box-shadow: var(--qiling-component-card-shadow);
}

.qiling-module-scope-features .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-features .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-features .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-features .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-features .features-tab-btn .tab-icon,
.qiling-module-scope-features .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-features .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-features .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-features .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-features .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-features .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-features .features-tabs-content {
  position: relative;
}.qiling-module-scope-features .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-features .features-tab-pane.active {
  display: block;
}.qiling-module-scope-features .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-features .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-features .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-features .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-features .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-features .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-features .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-features .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-features .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-features .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-features .features-grid-2,
.qiling-module-scope-features .features-grid-3,
.qiling-module-scope-features .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-features /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-features .module-decor.d-left {
  left: 0;
}.qiling-module-scope-features .module-decor.d-right {
  right: 0;
}.qiling-module-scope-features .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-features /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-features .module-decor svg path,
.qiling-module-scope-features .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-features /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-features .module-decor {
    display: none !important;
  }}.qiling-module-scope-features .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-features .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-features .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-features .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-features .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-features /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-features .ql-travel-cols-2,
.qiling-module-scope-features .ql-travel-cols-3,
.qiling-module-scope-features .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-features .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-features /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-features /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-features .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-features .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-features .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-features .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-features .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-features .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-features /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-features /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-features /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-features [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-features .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-features /* ===== 特性 (优势) 模块 (Module Features Advantages) ===== */
.module-features .features-grid {
  display: grid;
  grid-template-columns: repeat(var(--f-cols, 4), 1fr);
  gap: var(--qiling-space-32);
  align-items: stretch;
}.qiling-module-scope-features .module-features .section-header {
  margin-bottom: var(--qiling-space-44) !important;
}.qiling-module-scope-features .module-features .feature-item {
  position: relative;
  padding: var(--qiling-space-32) var(--qiling-space-28);
  border-radius: var(--f-card-radius, var(--qiling-card-radius));
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    background-color 0.3s ease;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}.qiling-module-scope-features .module-features .feature-item.style-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-primary-rgb), 0) 100%
    ),
    var(--f-card-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--f-card-border, var(--qiling-component-card-border));
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-features .module-features .feature-item.style-border {
  border: 1px solid var(--qiling-component-card-border);
  background: rgba(var(--color-primary-rgb), 0.02);
}.qiling-module-scope-features .module-features .feature-item.style-shadow {
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-features /* 悬停效果 (Hover Effects) */
.module-features .feature-item.hover-lift:hover {
  transform: translateY(-8px);
  box-shadow: var(--qiling-component-card-shadow);
  border-color: var(--f-card-hover-border, rgba(var(--color-primary-rgb), 0.18));
}.qiling-module-scope-features .module-features .feature-item.hover-scale:hover {
  transform: scale(1.03);
}.qiling-module-scope-features /* 图标位置：顶部 (垂直) (Icon Position: TOP Vertical) */
.module-features .icon-pos-top .feature-item {
  flex-direction: column;
}.qiling-module-scope-features /* 图标位置：左侧 (水平) (Icon Position: LEFT Horizontal) */
.module-features .icon-pos-left .feature-item {
  flex-direction: row;
  align-items: flex-start;
  gap: var(--qiling-space-20);
  border-radius: var(--f-card-radius, var(--qiling-card-radius));
}.qiling-module-scope-features /* 对齐方式 (Alignment) */
.module-features .text-center .feature-item {
  text-align: center;
  align-items: center;
}.qiling-module-scope-features .module-features .text-right .feature-item {
  text-align: right;
  align-items: flex-end;
}.qiling-module-scope-features .module-features .text-left .feature-item {
  text-align: left;
}.qiling-module-scope-features /* 图标包裹器 (Icon Wrapper) */
.module-features .feature-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--f-icon-size, 48px);
  height: var(--f-icon-size, 48px);
  font-size: var(--f-icon-font-size, var(--qiling-text-24));
  color: var(--f-icon-color, var(--color-primary));
  background: var(
    --f-icon-bg,
    linear-gradient(
      135deg,
      rgba(var(--color-primary-rgb), 0.14) 0%,
      rgba(var(--color-accent-rgb), 0.1) 100%
    )
  );
  border: 1px solid rgba(var(--color-primary-rgb), 0.08);
  border-radius: var(--f-icon-radius, calc(var(--qiling-card-radius) - 2px));
  flex-shrink: 0;
  margin-bottom: var(--qiling-space-20);
  /* 顶部/垂直的默认值 (Default for top/vertical) */
}.qiling-module-scope-features /* 重置左侧布局的边距 (Reset margin for Left layout) */
.module-features .icon-pos-left .feature-icon-wrapper {
  margin-bottom: 0;
}.qiling-module-scope-features .module-features .feature-icon-wrapper.style-simple {
  background: var(--qiling-color-transparent) !important;
  width: auto;
  height: auto;
  padding: 0;
}.qiling-module-scope-features /* 内容 (Content) */
.module-features .feature-content {
  flex: 1;
}.qiling-module-scope-features .module-features .feature-title {
  font-size: var(--qiling-text-rem-1p25);
  font-weight: 700;
  color: var(--f-item-title, var(--color-heading));
  margin: 0 0 var(--qiling-space-10);
}.qiling-module-scope-features .module-features .feature-desc {
  color: var(--f-item-desc, var(--color-text-muted));
  font-size: var(--qiling-text-rem-0p95);
  line-height: 1.6;
  margin: 0;
}.qiling-module-scope-features /* 链接覆盖层 (Link Overlay) */
.module-features .feature-item.has-link {
  cursor: pointer;
}.qiling-module-scope-features .module-features .feature-item > a {
  color: inherit;
  text-decoration: none;
  display: block;
  /* 如果包裹所有内容 (If wrapping everything) */
}.qiling-module-scope-features /* 如果使用叠加链接 (If using overlay link) */
.module-features a[href] {
  display: block;
  color: inherit;
  text-decoration: none;
}.qiling-module-scope-features .module-features .feature-item a {
  text-decoration: none;
}.qiling-module-scope-features /* 响应式 (Responsive) */
@media (max-width: 992px) {
  .module-features .features-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}@media (max-width: 576px){.qiling-module-scope-features .module-features .features-grid {
    grid-template-columns: 1fr !important;
  }.qiling-module-scope-features .module-features .icon-pos-left .feature-item {
    flex-direction: column;
    /* 在移动端堆叠通常更好？如果图标很小则保持在同一行 (Stack on mobile usually better ? Or keep row if small icons) */
    align-items: center;
    text-align: center;
  }.qiling-module-scope-features .module-features .icon-pos-left .feature-icon-wrapper {
    margin-bottom: var(--qiling-space-15);
  }
}.qiling-module-scope-features /* 特性暗黑模式 (Features Dark Mode) */
html.dark-mode .module-features {
  background: var(--dm-bg) !important;
}html.dark-mode .qiling-module-scope-features .module-features .feature-item.style-card {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  ) !important;
  box-shadow: var(--qiling-component-card-shadow);
  border: 1px solid
    var(
      --qiling-component-card-border-dark,
      var(--qiling-component-card-border)
    );
}html.dark-mode .qiling-module-scope-features .module-features .feature-item.style-border {
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-features .module-features .feature-title {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-features .module-features .feature-desc {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-features .module-features .section-title {
  color: var(--qiling-component-module-title-color-dark, var(--color-heading));
}html.dark-mode .qiling-module-scope-features .module-features .section-subtitle {
  color: var(--color-text-muted);
}.qiling-module-scope-features [data-qds-card-mode="independent"] :is(.module-features.module-features .feature-item.style-card,
.module-features.module-features .feature-item.style-border) {
  background: var(--f-card-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--f-card-border, var(--qiling-component-card-border));
  border-radius: var(--f-card-radius, var(--qiling-card-radius));
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-features .module-features.module-features .feature-item.style-card:hover {
  border-color: var(--f-card-hover-border, var(--f-card-border, var(--qiling-component-card-border)));
  box-shadow: var(--qiling-component-card-shadow);
}

.qiling-module-scope-footer_suite .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-footer_suite .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-footer_suite .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-footer_suite .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-footer_suite .features-tab-btn .tab-icon,
.qiling-module-scope-footer_suite .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-footer_suite .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-footer_suite .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-footer_suite .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-footer_suite .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-footer_suite .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-footer_suite .features-tabs-content {
  position: relative;
}.qiling-module-scope-footer_suite .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-footer_suite .features-tab-pane.active {
  display: block;
}.qiling-module-scope-footer_suite .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-footer_suite .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-footer_suite .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-footer_suite .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-footer_suite .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-footer_suite .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-footer_suite .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-footer_suite .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-footer_suite .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-footer_suite .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-footer_suite .features-grid-2,
.qiling-module-scope-footer_suite .features-grid-3,
.qiling-module-scope-footer_suite .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-footer_suite /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-footer_suite .module-decor.d-left {
  left: 0;
}.qiling-module-scope-footer_suite .module-decor.d-right {
  right: 0;
}.qiling-module-scope-footer_suite .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-footer_suite /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-footer_suite .module-decor svg path,
.qiling-module-scope-footer_suite .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-footer_suite /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-footer_suite .module-decor {
    display: none !important;
  }}.qiling-module-scope-footer_suite .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-footer_suite .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-footer_suite .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-footer_suite .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-footer_suite .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-footer_suite /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-footer_suite .ql-travel-cols-2,
.qiling-module-scope-footer_suite .ql-travel-cols-3,
.qiling-module-scope-footer_suite .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-footer_suite .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-footer_suite /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-footer_suite /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-footer_suite .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-footer_suite .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-footer_suite .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-footer_suite .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-footer_suite .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-footer_suite .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-footer_suite /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-footer_suite /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-footer_suite /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-footer_suite [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-footer_suite .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-footer_suite /* ===== 页脚套件 (footer_suite) ===== */
.module-footer-suite {
  background: var(--qfs-bg, var(--qiling-color-111111));
  color: var(--qfs-text, var(--qiling-component-footer-text));
  padding: var(--qfs-pt, var(--qiling-space-64)) 0
    var(--qfs-pb, var(--qiling-space-28));
}.qiling-module-scope-footer_suite .module-footer-suite,
.qiling-module-scope-footer_suite .module-footer-suite * {
  box-sizing: border-box;
}.qiling-module-scope-footer_suite .module-footer-suite a {
  color: inherit;
  text-decoration: none;
}.qiling-module-scope-footer_suite .module-footer-suite a:hover {
  color: var(--qfs-heading, var(--qiling-component-footer-heading));
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-inner {
  width: min(100% - 32px, 1200px);
  margin: 0 auto;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-width-wide .qfs-inner {
  width: min(100% - 32px, 1440px);
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-width-full .qfs-inner {
  width: 100%;
  max-width: none;
  padding-right: clamp(
    var(--qiling-space-16),
    var(--qiling-space-vw-4),
    var(--qiling-space-64)
  );
  padding-left: clamp(
    var(--qiling-space-16),
    var(--qiling-space-vw-4),
    var(--qiling-space-64)
  );
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-main {
  display: grid;
  grid-template-columns: minmax(220px, 1.05fr) minmax(280px, 1.5fr) minmax(
      220px,
      0.95fr
    );
  gap: clamp(
    var(--qiling-space-24),
    var(--qiling-space-vw-4),
    var(--qiling-space-52)
  );
  align-items: start;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-layout-columns .qfs-main {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-layout-compact .qfs-main {
  grid-template-columns: 1fr;
  gap: var(--qiling-space-22);
  text-align: center;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-brand {
  min-width: 0;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-logo-link {
  display: inline-flex;
  max-width: min(var(--qiling-measure-220), var(--qiling-measure-pct-100));
  margin-bottom: var(--qiling-space-18);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-logo {
  display: block;
  width: auto;
  max-width: var(--qiling-measure-pct-100);
  max-height: 64px;
  object-fit: contain;
  border-radius: 8px;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-brand-title {
  color: var(--qfs-heading, var(--qiling-component-footer-heading));
  font-size: var(--qiling-text-rem-1p35);
  font-weight: 700;
  line-height: 1.35;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-brand-desc {
  margin-top: var(--qiling-space-12);
  color: var(--qfs-muted, var(--qiling-component-footer-text));
  line-height: 1.8;
  overflow-wrap: anywhere;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-brand-desc p {
  margin: 0 0 var(--qiling-space-10);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-brand-desc p:last-child {
  margin-bottom: 0;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-links-wrap {
  display: grid;
  grid-template-columns: repeat(var(--qfs-cols, 2), minmax(0, 1fr));
  gap: var(--qiling-space-24);
  min-width: 0;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-layout-columns .qfs-links-wrap {
  grid-column: span 2;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-layout-compact .qfs-links-wrap {
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(150px, 220px));
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-section-title {
  margin: 0 0 var(--qiling-space-14);
  color: var(--qfs-heading, var(--qiling-component-footer-heading));
  font-size: var(--qiling-text-rem-1);
  font-weight: 700;
  line-height: 1.4;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-link-list,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-social-list,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-contact-list {
  display: grid;
  gap: var(--qiling-space-10);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-link-list a,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-social-list a,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-contact-list a,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-contact-list span {
  color: var(--qfs-muted, var(--qiling-component-footer-link));
  line-height: 1.65;
  overflow-wrap: anywhere;
  transition: color 0.2s ease;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-link-list a:hover,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-social-list a:hover,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-contact-list a:hover {
  color: var(--qfs-heading, var(--qiling-component-footer-link-hover));
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-connect {
  display: grid;
  gap: var(--qiling-space-24);
  min-width: 0;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-contact-list li {
  display: grid;
  gap: var(--qiling-space-3);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-contact-label {
  color: var(--qfs-accent, var(--color-accent));
  font-size: var(--qiling-text-rem-0p78);
  font-weight: 700;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-social-list {
  grid-template-columns: repeat(auto-fit, minmax(86px, 1fr));
  gap: var(--qiling-space-8);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-social-list a {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  border: 1px solid var(--qfs-border, rgba(var(--color-surface-rgb), 0.14));
  border-radius: 8px;
  padding: var(--qiling-space-6) var(--qiling-space-10);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-social-list a:hover {
  border-color: var(--qfs-accent, var(--color-accent));
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-qr-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: var(--qiling-space-14);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-qr-card {
  display: grid;
  gap: var(--qiling-space-8);
  justify-items: center;
  border: 1px solid var(--qfs-border, rgba(var(--color-surface-rgb), 0.14));
  border-radius: 8px;
  padding: var(--qiling-space-12);
  text-align: center;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-qr-card img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 8px;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-qr-card strong {
  color: var(--qfs-heading, var(--qiling-component-footer-heading));
  font-size: var(--qiling-text-rem-0p88);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-qr-card span {
  color: var(--qfs-muted, var(--qiling-component-footer-text));
  font-size: var(--qiling-text-rem-0p82);
  line-height: 1.5;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-friend-links {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-12);
  border-top: 1px solid var(--qfs-border, rgba(var(--color-surface-rgb), 0.14));
  margin-top: clamp(
    var(--qiling-space-28),
    var(--qiling-space-vw-4),
    var(--qiling-space-48)
  );
  padding-top: var(--qiling-space-18);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-friend-title {
  flex: 0 0 auto;
  color: var(--qfs-muted, var(--qiling-component-footer-text));
  font-size: var(--qiling-text-rem-0p9);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-friend-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-10) var(--qiling-space-16);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-friend-list a {
  color: var(--qfs-muted, var(--qiling-component-footer-link));
  font-size: var(--qiling-text-rem-0p9);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qiling-space-18);
  border-top: 1px solid var(--qfs-border, rgba(var(--color-surface-rgb), 0.14));
  margin-top: var(--qiling-space-22);
  padding-top: var(--qiling-space-20);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-copyright,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-bottom-extra,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-bottom-links,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-filings {
  color: var(--qfs-muted, var(--qiling-component-footer-text));
  font-size: var(--qiling-text-rem-0p9);
  line-height: 1.7;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-bottom-extra {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--qiling-space-12) var(--qiling-space-18);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-bottom-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-10) var(--qiling-space-14);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-filings .footer-filing {
  justify-content: flex-end;
}@media (max-width: 1024px){.qiling-module-scope-footer_suite .module-footer-suite .qfs-main {
    grid-template-columns: 1fr 1.4fr;
  }.qiling-module-scope-footer_suite .module-footer-suite .qfs-connect {
    grid-column: 1 / -1;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}@media (max-width: 767px){.qiling-module-scope-footer_suite .module-footer-suite .qfs-inner,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-width-wide .qfs-inner {
    width: min(100% - 24px, 1200px);
  }.qiling-module-scope-footer_suite .module-footer-suite .qfs-main,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-layout-columns .qfs-main,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-layout-compact .qfs-main {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-24);
    text-align: left;
  }.qiling-module-scope-footer_suite .module-footer-suite .qfs-links-wrap,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-layout-compact .qfs-links-wrap {
    grid-template-columns: 1fr;
  }.qiling-module-scope-footer_suite .module-footer-suite.qfs-layout-columns .qfs-links-wrap {
    grid-column: auto;
  }.qiling-module-scope-footer_suite .module-footer-suite .qfs-connect {
    grid-column: auto;
    grid-template-columns: 1fr;
  }.qiling-module-scope-footer_suite .module-footer-suite .qfs-friend-links,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-bottom,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-bottom-extra {
    align-items: flex-start;
    flex-direction: column;
  }.qiling-module-scope-footer_suite .module-footer-suite .qfs-filings .footer-filing {
    justify-content: flex-start;
  }
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-connect-section,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-friend-links,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-bottom {
  background: var(--qiling-color-rgba-255-255-255-004);
  border: 1px solid var(--qiling-color-rgba-255-255-255-008);
  border-radius: calc(var(--qiling-card-radius) + 2px);
  padding: var(--qiling-space-22);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-social-list a {
  background: var(--qiling-color-rgba-255-255-255-006);
  border: 1px solid var(--qiling-color-rgba-255-255-255-012);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-friend-list a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 var(--qiling-space-12);
  border-radius: 999px;
  background: var(--qiling-color-rgba-255-255-255-006);
  border: 1px solid var(--qiling-color-rgba-255-255-255-01);
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-social-list a,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-friend-list a {
  text-decoration: none;
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-social-list a:hover,
.qiling-module-scope-footer_suite .module-footer-suite .qfs-friend-list a:hover {
  box-shadow: 0 12px 26px var(--qiling-color-rgba-15-23-42-012);
}.qiling-module-scope-footer_suite /* Cinema footer variant used by the official video portal package. */
.module-footer-suite.qfs-variant-cinema {
  position: relative;
  overflow: hidden;
  background: radial-gradient(
      circle at 12% 0%,
      rgba(239, 68, 68, 0.12),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 24%,
      rgba(124, 58, 237, 0.09),
      transparent 30%
    ),
    var(--qfs-bg, #070910);
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(239, 68, 68, 0.8),
    transparent
  );
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-inner {
  position: relative;
  z-index: 1;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-brand-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: clamp(1.5rem, 2vw, 2rem);
  letter-spacing: -0.03em;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-brand-title:before {
  content: "";
  width: 10px;
  height: 24px;
  border-radius: 3px;
  background: linear-gradient(180deg, #ef4444, #991b1b);
  box-shadow: 0 0 24px rgba(239, 68, 68, 0.46);
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-brand-desc {
  max-width: 360px;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-section-title {
  position: relative;
  padding-bottom: 11px;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-section-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 28px;
  height: 2px;
  background: var(--qfs-accent, #ef4444);
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-connect-section {
  background: rgba(255, 255, 255, 0.025);
  border-color: rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-social-list a {
  justify-content: flex-start;
  border-color: rgba(255, 255, 255, 0.075);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-social-list a:before {
  content: "";
  width: 5px;
  height: 5px;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--qfs-accent, #ef4444);
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-bottom {
  padding-right: 0;
  padding-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0;
  background: transparent;
}.qiling-module-scope-footer_suite body.qiling-video-portal-page,
body.qiling-video-portal-page .qiling-module-scope-footer_suite #page.site,
body.qiling-video-portal-page .qiling-module-scope-footer_suite #primary.site-main {
  background: var(--qiling-page-bg, #090b12);
  color: var(--qiling-page-text, #f8fafc);
}body.qiling-video-portal-page .qiling-module-scope-footer_suite .module-wrapper:empty {
  display: none;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-brand-title,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-section-title {
  color: #fff;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-brand-desc,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-link-list a,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-contact-list a,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-contact-list span,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-copyright,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-bottom-extra,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-bottom-links,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-filings {
  color: var(--qfs-muted, #94a3b8);
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-contact-list {
  gap: 12px;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-contact-list li {
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-contact-list .qfs-contact-label {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-self: start;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fca5a5;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema
  .qfs-contact-list
  .qfs-contact-label:before {
  width: 4px;
  height: 4px;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--qfs-accent, #ef4444);
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
  content: "";
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-main {
  grid-template-columns:
    minmax(250px, 1.35fr) minmax(150px, 0.65fr) minmax(230px, 1fr)
    minmax(190px, 0.85fr);
  gap: clamp(22px, 2.6vw, 40px);
  align-items: stretch;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-links-wrap {
  grid-template-columns: 1fr;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-connect {
  display: contents;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-brand,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-link-group,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-connect-section {
  min-width: 0;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-link-group {
  padding: 20px 0;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-connect-section {
  height: 100%;
  padding: 20px;
}.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-social-list {
  grid-template-columns: 1fr;
}@media (max-width: 1100px){.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-connect {
    display: contents;
  }
}@media (max-width: 767px){.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-main,
.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-connect {
    grid-template-columns: 1fr;
  }.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-connect {
    display: grid;
    grid-column: auto;
    gap: 16px;
  }.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-link-group {
    padding: 0;
  }.qiling-module-scope-footer_suite .module-footer-suite.qfs-variant-cinema .qfs-connect-section {
    padding: 18px;
  }
}.qiling-module-scope-footer_suite .module-footer-suite .qfs-link-group[aria-label="内容频道"],
.qiling-module-scope-footer_suite .module-footer-suite .qfs-link-group[aria-label="Content Channels"] {
  display: none;
}

.qiling-module-scope-friendly_links .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-friendly_links .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-friendly_links .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-friendly_links .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-friendly_links .features-tab-btn .tab-icon,
.qiling-module-scope-friendly_links .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-friendly_links .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-friendly_links .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-friendly_links .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-friendly_links .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-friendly_links .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-friendly_links .features-tabs-content {
  position: relative;
}.qiling-module-scope-friendly_links .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-friendly_links .features-tab-pane.active {
  display: block;
}.qiling-module-scope-friendly_links .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-friendly_links .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-friendly_links .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-friendly_links .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-friendly_links .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-friendly_links .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-friendly_links .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-friendly_links .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-friendly_links .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-friendly_links .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-friendly_links .features-grid-2,
.qiling-module-scope-friendly_links .features-grid-3,
.qiling-module-scope-friendly_links .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-friendly_links /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-friendly_links .module-decor.d-left {
  left: 0;
}.qiling-module-scope-friendly_links .module-decor.d-right {
  right: 0;
}.qiling-module-scope-friendly_links .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-friendly_links /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-friendly_links .module-decor svg path,
.qiling-module-scope-friendly_links .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-friendly_links /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-friendly_links .module-decor {
    display: none !important;
  }}.qiling-module-scope-friendly_links .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-friendly_links .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-friendly_links .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-friendly_links .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-friendly_links .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-friendly_links /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-friendly_links .ql-travel-cols-2,
.qiling-module-scope-friendly_links .ql-travel-cols-3,
.qiling-module-scope-friendly_links .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-friendly_links .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-friendly_links /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-friendly_links /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-friendly_links .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-friendly_links .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-friendly_links .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-friendly_links .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-friendly_links .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-friendly_links .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-friendly_links /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-friendly_links /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-friendly_links /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-friendly_links [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-friendly_links .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-friendly_links /* ===== 友情链接 (friendly_links) ===== */

.module-friendly-links .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-card {
  display: block;
  text-decoration: none;
  color: var(--color-heading);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qil-fl-card-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-22) var(--qiling-space-20) var(--qiling-space-18);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease;
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-card:hover {
  transform: translateY(-5px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-head {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-14);
}.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-logo {
  width: 48px;
  height: 48px;
  border-radius: calc(var(--qiling-card-radius) - 6px);
  object-fit: cover;
  display: block;
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.08);
}.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-logo-fallback {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  background: linear-gradient(
    135deg,
    rgba(var(--color-primary-rgb), 0.12),
    rgba(var(--color-surface-rgb), 0.92)
  );
  color: var(--qil-fl-accent);
  font-weight: 700;
  border: 1px solid rgba(var(--color-primary-rgb), 0.14);
  border-radius: calc(var(--qiling-card-radius) - 6px);
}.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-name {
  margin: 0;
  font-size: var(--qiling-text-rem-1p05);
  line-height: 1.4;
  font-weight: 700;
  color: var(--color-heading);
}.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-domain {
  margin-top: var(--qiling-space-4);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p82);
}.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-desc {
  margin: var(--qiling-space-14) 0 0;
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p9);
  line-height: 1.72;
}.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-tag {
  display: inline-block;
  margin-top: var(--qiling-space-14);
  border-radius: 999px;
  border: 1px solid var(--qiling-color-transparent);
  color: var(--qiling-component-badge-text);
  font-size: var(--qiling-text-rem-0p76);
  font-weight: 600;
  padding: var(--qiling-space-4) var(--qiling-space-10);
  background: var(--qiling-component-badge-bg);
}html.dark-mode .qiling-module-scope-friendly_links .module-friendly-links .qil-fl-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-friendly_links .module-friendly-links .qil-fl-name {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-friendly_links .module-friendly-links .qil-fl-desc,
html.dark-mode .qiling-module-scope-friendly_links .module-friendly-links .qil-fl-domain {
  color: var(--color-text-muted);
}@media (max-width: 1024px){.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (max-width: 767px){.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-cols-2,
.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-cols-3,
.qiling-module-scope-friendly_links .module-friendly-links .qil-fl-cols-4 {
    grid-template-columns: 1fr;
  }
}

.qiling-module-scope-fullscreen_video .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-fullscreen_video .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-fullscreen_video .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-fullscreen_video .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-fullscreen_video .features-tab-btn .tab-icon,
.qiling-module-scope-fullscreen_video .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-fullscreen_video .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-fullscreen_video .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-fullscreen_video .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-fullscreen_video .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-fullscreen_video .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-fullscreen_video .features-tabs-content {
  position: relative;
}.qiling-module-scope-fullscreen_video .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-fullscreen_video .features-tab-pane.active {
  display: block;
}.qiling-module-scope-fullscreen_video .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-fullscreen_video .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-fullscreen_video .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-fullscreen_video .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-fullscreen_video .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-fullscreen_video .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-fullscreen_video .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-fullscreen_video .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-fullscreen_video .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-fullscreen_video .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-fullscreen_video .features-grid-2,
.qiling-module-scope-fullscreen_video .features-grid-3,
.qiling-module-scope-fullscreen_video .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-fullscreen_video /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-fullscreen_video .module-decor.d-left {
  left: 0;
}.qiling-module-scope-fullscreen_video .module-decor.d-right {
  right: 0;
}.qiling-module-scope-fullscreen_video .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-fullscreen_video /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-fullscreen_video .module-decor svg path,
.qiling-module-scope-fullscreen_video .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-fullscreen_video /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-fullscreen_video .module-decor {
    display: none !important;
  }}.qiling-module-scope-fullscreen_video .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-fullscreen_video .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-fullscreen_video .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-fullscreen_video .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-fullscreen_video .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-fullscreen_video /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-fullscreen_video .ql-travel-cols-2,
.qiling-module-scope-fullscreen_video .ql-travel-cols-3,
.qiling-module-scope-fullscreen_video .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-fullscreen_video .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-fullscreen_video /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-fullscreen_video /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-fullscreen_video .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-fullscreen_video .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-fullscreen_video .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-fullscreen_video .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-fullscreen_video .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-fullscreen_video .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-fullscreen_video /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-fullscreen_video /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-fullscreen_video /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-fullscreen_video [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-fullscreen_video .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-fullscreen_video /* =========================================
   Full Screen Video Module Styles (全屏视频首屏)
   ========================================= */
.module-fullscreen-video {
  position: relative;
  width: 100%;
  height: 100vh;
  /* 全屏高度 */
  min-height: 600px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--color-text-inverse);
  box-sizing: border-box;
  /* 确保内边距不撑大容器 */
}.qiling-module-scope-fullscreen_video /* 背景层 */
.fsv-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}.qiling-module-scope-fullscreen_video .fsv-video,
.qiling-module-scope-fullscreen_video .fsv-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
  background-position: center;
}.qiling-module-scope-fullscreen_video .fsv-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--qiling-color-000000);
  opacity: var(--fsv-overlay, 0.3);
  z-index: 2;
}.qiling-module-scope-fullscreen_video .fsv-placeholder {
  width: 100%;
  height: 100%;
  background: var(--qiling-color-333333);
}.qiling-module-scope-fullscreen_video /* 控制按钮 */
.fsv-controls {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 20;
  display: flex;
  gap: var(--qiling-space-15);
}.qiling-module-scope-fullscreen_video .fsv-ctrl-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--qiling-color-rgba-255-255-255-015);
  backdrop-filter: blur(5px);
  border: 1px solid var(--qiling-color-rgba-255-255-255-02);
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-20);
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}.qiling-module-scope-fullscreen_video .fsv-ctrl-btn:hover {
  background: var(--qiling-color-rgba-255-255-255-03);
  transform: scale(1.05);
}.qiling-module-scope-fullscreen_video /* 标题内容区 */
.fsv-content {
  position: relative;
  z-index: 10;
  text-align: center;
  width: min(100% - 48px, 1100px);
  max-width: 1100px;
  box-sizing: border-box;
  margin-bottom: var(--qiling-space-50);
}.qiling-module-scope-fullscreen_video .fsv-title {
  font-size: var(--qiling-text-rem-5);
  font-weight: 200;
  margin: 0;
  line-height: 1.2;
  color: var(--color-text-inverse);
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: balance;
  /* 呼吸光晕动画在这里应用 */
}.qiling-module-scope-fullscreen_video .fsv-subtitle {
  font-size: var(--qiling-text-rem-1p5);
  letter-spacing: var(--qiling-tracking-5);
  margin-bottom: var(--qiling-space-30);
  opacity: 0.9;
  font-weight: 300;
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: pretty;
}.qiling-module-scope-fullscreen_video /* 呼吸光晕动画 */
.glow-animation {
  animation: glow-breathe 4s ease-in-out infinite;
  text-shadow: 0 0 var(--fsv-blur) var(--fsv-glow-color);
}

@keyframes glow-breathe {
  0%,
  100% {
    text-shadow:
      0 0 15px var(--fsv-glow-color),
      0 0 30px var(--fsv-glow-color);
    opacity: 0.95;
  }

  50% {
    text-shadow:
      0 0 25px var(--fsv-glow-color),
      0 0 50px var(--fsv-glow-color),
      0 0 80px var(--fsv-glow-color);
    opacity: 1;
  }
}.qiling-module-scope-fullscreen_video /* 字幕淡入 */
.tracking-in-expand {
  animation: tracking-in-expand 1s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

@keyframes tracking-in-expand {
  0% {
    letter-spacing: var(--qiling-tracking-neg-em-0p5);
    opacity: 0;
  }

  40% {
    opacity: 0.6;
  }

  100% {
    opacity: 1;
  }
}.qiling-module-scope-fullscreen_video /* 底部导航 */
.fsv-bottom-nav {
  position: absolute;
  bottom: 12%;
  /* 使用百分比，确保在不同高度屏幕上可见 */
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 0;
  /* 连在一起 */
  background: var(--qiling-color-rgba-255-255-255-01);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 50px;
  padding: var(--qiling-space-5);
  border: 1px solid var(--qiling-color-rgba-255-255-255-015);
}.qiling-module-scope-fullscreen_video .fsv-nav-item {
  position: relative;
}.qiling-module-scope-fullscreen_video .fsv-nav-link {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  color: var(--qiling-color-rgba-255-255-255-08);
  text-decoration: none;
  padding: var(--qiling-space-12) var(--qiling-space-25);
  border-radius: 40px;
  transition: all 0.3s;
  font-size: var(--qiling-text-rem-0p95);
}.qiling-module-scope-fullscreen_video .fsv-nav-link:hover {
  color: var(--color-text-inverse);
  background: var(--qiling-color-rgba-255-255-255-01);
}.qiling-module-scope-fullscreen_video .fsv-nav-link i {
  font-size: var(--qiling-text-em-1p1);
}.qiling-module-scope-fullscreen_video /* 二维码悬停卡片 */
.fsv-qr-card {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  background: var(--color-surface);
  padding: var(--qiling-space-15);
  border-radius: 12px;
  box-shadow: 0 10px 40px var(--qiling-color-rgba-0-0-0-03);
  width: 140px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: 30;
  margin-bottom: var(--qiling-space-20);
}.qiling-module-scope-fullscreen_video .fsv-nav-item:hover .fsv-qr-card {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}.qiling-module-scope-fullscreen_video .fsv-qr-box img {
  width: 100%;
  height: auto;
  display: block;
}.qiling-module-scope-fullscreen_video .fsv-qr-text {
  color: var(--qiling-color-333333);
  font-size: var(--qiling-text-12);
  margin-top: var(--qiling-space-8);
}.qiling-module-scope-fullscreen_video /* 小三角 */
.fsv-qr-arrow {
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  background: var(--color-surface);
}.qiling-module-scope-fullscreen_video /* 响应式 */
@media (max-width: 768px) {
  .fsv-title {
    font-size: var(--qiling-text-rem-3);
  }

  .fsv-subtitle {
    font-size: var(--qiling-text-rem-1);
  }

  .fsv-controls {
    top: 20px;
    right: 20px;
  }

  .fsv-bottom-nav {
    width: 90%;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 20px;
    bottom: 30px;
  }

  .fsv-nav-link {
    padding: var(--qiling-space-10) var(--qiling-space-15);
    font-size: var(--qiling-text-rem-0p85);
  }
}.qiling-module-scope-fullscreen_video /* 全屏视频首屏：移动端控制按钮下移，避免压住顶部菜单操作区 */
@media (max-width: 992px) {
  .module-fullscreen-video .fsv-controls {
    top: calc(env(safe-area-inset-top, 0px) + 76px);
    right: calc(env(safe-area-inset-right, 0px) + 14px);
    gap: var(--qiling-space-10);
  }

  .module-fullscreen-video .fsv-ctrl-btn {
    width: 36px;
    height: 36px;
    font-size: var(--qiling-text-16);
  }

  body.page-template-template-video-hero
    .module-fullscreen-video
    .fsv-controls {
    top: calc(env(safe-area-inset-top, 0px) + 76px);
    right: calc(env(safe-area-inset-right, 0px) + 14px);
    gap: var(--qiling-space-10);
  }

  body.page-template-template-video-hero
    .module-fullscreen-video
    .fsv-ctrl-btn {
    width: 36px;
    height: 36px;
    font-size: var(--qiling-text-16);
  }
}.qiling-module-scope-fullscreen_video .module-fullscreen-video {
  isolation: isolate;
}.qiling-module-scope-fullscreen_video .module-fullscreen-video .fsv-content {
  width: min(calc(100% - 48px), 1100px);
  max-width: 1100px;
  box-sizing: border-box;
  padding: 0 var(--qiling-space-24);
}.qiling-module-scope-fullscreen_video .module-fullscreen-video .fsv-title {
  letter-spacing: var(--qiling-tracking-neg-em-0p04);
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: pretty;
}.qiling-module-scope-fullscreen_video .module-fullscreen-video .fsv-controls {
  gap: var(--qiling-space-12);
}.qiling-module-scope-fullscreen_video .module-fullscreen-video .fsv-ctrl-btn {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: var(--qiling-color-rgba-255-255-255-012);
  border: 1px solid var(--qiling-color-rgba-255-255-255-018);
  box-shadow: 0 18px 40px var(--qiling-color-rgba-15-23-42-018);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}.qiling-module-scope-fullscreen_video .module-fullscreen-video .fsv-bottom-nav {
  padding: var(--qiling-space-8);
  gap: var(--qiling-space-8);
  background: var(--qiling-color-rgba-15-23-42-018);
  border-color: var(--qiling-color-rgba-255-255-255-014);
  box-shadow: 0 24px 56px var(--qiling-color-rgba-15-23-42-022);
}.qiling-module-scope-fullscreen_video .module-fullscreen-video .fsv-nav-link {
  min-height: 46px;
  padding: 0 var(--qiling-space-20);
}.qiling-module-scope-fullscreen_video .module-fullscreen-video .fsv-qr-card {
  border-radius: 20px;
  border: 1px solid var(--qiling-color-rgba-226-232-240-09);
  box-shadow: var(
    --qiling-component-card-shadow,
    0 20px 40px var(--qiling-color-rgba-15-23-42-016)
  );
}.qiling-module-scope-fullscreen_video .module-fullscreen-video .fsv-ctrl-btn:hover {
  background: var(--qiling-color-rgba-255-255-255-018);
  box-shadow: 0 22px 46px var(--qiling-color-rgba-15-23-42-022);
}html.dark-mode .qiling-module-scope-fullscreen_video .module-fullscreen-video .fsv-bottom-nav {
  background: var(--qiling-color-rgba-15-23-42-03);
}

.qiling-module-scope-gallery .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-gallery .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-gallery .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-gallery .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-gallery .features-tab-btn .tab-icon,
.qiling-module-scope-gallery .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-gallery .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-gallery .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-gallery .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-gallery .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-gallery .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-gallery .features-tabs-content {
  position: relative;
}.qiling-module-scope-gallery .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-gallery .features-tab-pane.active {
  display: block;
}.qiling-module-scope-gallery .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-gallery .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-gallery .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-gallery .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-gallery .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-gallery .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-gallery .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-gallery .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-gallery .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-gallery .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-gallery .features-grid-2,
.qiling-module-scope-gallery .features-grid-3,
.qiling-module-scope-gallery .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-gallery /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-gallery .module-decor.d-left {
  left: 0;
}.qiling-module-scope-gallery .module-decor.d-right {
  right: 0;
}.qiling-module-scope-gallery .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-gallery /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-gallery .module-decor svg path,
.qiling-module-scope-gallery .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-gallery /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-gallery .module-decor {
    display: none !important;
  }}.qiling-module-scope-gallery .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-gallery .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-gallery .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-gallery .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-gallery .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-gallery /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-gallery .ql-travel-cols-2,
.qiling-module-scope-gallery .ql-travel-cols-3,
.qiling-module-scope-gallery .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-gallery .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-gallery /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-gallery /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-gallery .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-gallery .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-gallery .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-gallery .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-gallery .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-gallery .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-gallery /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-gallery /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-gallery /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-gallery [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-gallery .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-gallery /* ===== 图库模块 (Gallery Module) ===== */
.module-gallery {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}.qiling-module-scope-gallery .module-gallery .module-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-000000);
  z-index: 1;
}.qiling-module-scope-gallery .module-gallery-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-gallery .module-gallery .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-gallery .gallery-grid {
  display: grid;
  width: 100%;
}.qiling-module-scope-gallery .module-gallery.module-gallery .gallery-grid .gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: var(--qiling-card-radius);
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}.qiling-module-scope-gallery .module-gallery.module-gallery .gallery-grid .gallery-item:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.18);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-gallery .gallery-item .gallery-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}.qiling-module-scope-gallery .gallery-item:hover .gallery-image {
  transform: scale(1.1);
}.qiling-module-scope-gallery .gallery-item.is-lightbox {
  cursor: zoom-in;
}.qiling-module-scope-gallery .gallery-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}.qiling-module-scope-gallery /* 图库悬停覆盖层 (Gallery Hover Overlay) */
.gallery-info-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    var(--qiling-color-rgba-15-23-42-0) 18%,
    var(--qiling-color-rgba-15-23-42-082) 100%
  );
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: var(--qiling-space-28);
  opacity: 0;
  transition: opacity 0.3s ease;
}.qiling-module-scope-gallery .gallery-item:hover .gallery-info-overlay {
  opacity: 1;
}.qiling-module-scope-gallery .gallery-info-title {
  color: var(--color-text-inverse);
  margin: 0 0 var(--qiling-space-8);
  font-size: var(--qiling-text-rem-1p1);
  font-weight: 700;
  line-height: 1.4;
  transform: translateY(10px);
  transition: transform 0.3s ease;
}.qiling-module-scope-gallery .gallery-info-desc {
  color: rgba(var(--color-surface-rgb), 0.88);
  margin: 0;
  font-size: var(--qiling-text-rem-0p9);
  line-height: 1.65;
  transform: translateY(10px);
  transition: transform 0.3s ease 0.05s;
}.qiling-module-scope-gallery .gallery-item:hover .gallery-info-title,
.qiling-module-scope-gallery .gallery-item:hover .gallery-info-desc {
  transform: translateY(0);
}.qiling-module-scope-gallery /* 灯箱样式 (Lightbox Styles) */
.gallery-lightbox-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: var(--qiling-color-rgba-0-0-0-095);
  z-index: 99999;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}.qiling-module-scope-gallery .gallery-lightbox-modal.is-open {
  display: flex;
  opacity: 1;
}.qiling-module-scope-gallery .gallery-lightbox-image {
  max-width: var(--qiling-measure-pct-90);
  max-height: 90vh;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: 0 20px 60px var(--qiling-color-rgba-0-0-0-05);
  transform: scale(0.9);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}.qiling-module-scope-gallery .gallery-lightbox-modal.is-open .gallery-lightbox-image {
  transform: scale(1);
}.qiling-module-scope-gallery .gallery-lightbox-close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 40px;
  height: 40px;
  background: rgba(var(--color-surface-rgb), 0.14);
  border: 1px solid rgba(var(--color-surface-rgb), 0.16);
  border-radius: 50%;
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-rem-2);
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}.qiling-module-scope-gallery .gallery-lightbox-close:hover {
  background: rgba(var(--color-surface-rgb), 0.22);
}.qiling-module-scope-gallery /* 响应式 (Responsive) */
@media (max-width: 1024px) {
  .gallery-grid {
    gap: var(--qiling-space-20) !important;
  }
}@media (max-width: 768px){.qiling-module-scope-gallery .gallery-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: var(--qiling-space-15) !important;
  }.qiling-module-scope-gallery .gallery-info-overlay {
    padding: var(--qiling-space-16);
  }.qiling-module-scope-gallery .gallery-info-title {
    font-size: var(--qiling-text-rem-1);
  }.qiling-module-scope-gallery .gallery-info-desc {
    font-size: var(--qiling-text-rem-0p85);
  }
}@media (max-width: 480px){.qiling-module-scope-gallery .gallery-grid {
    grid-template-columns: 1fr !important;
  }
}.qiling-module-scope-gallery /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-gallery {
  background-color: var(--color-neutral-900);
}html.dark-mode .qiling-module-scope-gallery .module-gallery .section-title {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-gallery .module-gallery .section-subtitle {
  color: var(--dm-text-muted);
}html.dark-mode .qiling-module-scope-gallery .module-gallery.module-gallery .gallery-grid .gallery-item {
  background: var(
    --qiling-component-post-card-bg-dark,
    var(--qiling-component-post-card-bg)
  );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}.qiling-module-scope-gallery /* ============================================
 * 画廊相册模块增强样式
 * 前缀: ql-gallery-
 * ============================================ */

/* 分类筛选 */
.ql-gallery-filters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--qiling-space-12);
  margin-bottom: var(--qiling-space-32);
}.qiling-module-scope-gallery .ql-gallery-filter-btn {
  padding: var(--qiling-space-10) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-component-tabs-border);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p9);
  font-weight: 600;
  color: var(--qiling-component-tabs-text);
  cursor: pointer;
  transition: all 0.3s ease;
}.qiling-module-scope-gallery .ql-gallery-filter-btn:hover {
  border-color: var(--qiling-component-tabs-active-border);
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
}.qiling-module-scope-gallery .ql-gallery-filter-btn.active {
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
  color: var(--qiling-component-tabs-active-text);
}.qiling-module-scope-gallery /* 6列支持 */
.ql-gallery-cols-6 {
  grid-template-columns: repeat(6, 1fr) !important;
}.qiling-module-scope-gallery /* 全宽布局 */
.gallery-fullwidth {
  display: flex;
  flex-wrap: wrap;
}.qiling-module-scope-gallery .gallery-fullwidth .gallery-item {
  flex: 1 1 300px;
  min-height: 250px;
}.qiling-module-scope-gallery /* 灯箱增强 - 注意：不要覆盖基础的 display: none (Lightbox enhancement - Warning: Do not override basic display: none) */
.ql-gallery-lightbox.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
}.qiling-module-scope-gallery .ql-gallery-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--color-surface-rgb), 0.92);
  border: 1px solid rgba(var(--color-surface-rgb), 0.12);
  border-radius: 50%;
  color: var(--color-neutral-800);
  cursor: pointer;
  z-index: 1001;
  transition: all 0.3s ease;
}.qiling-module-scope-gallery .ql-gallery-nav:hover {
  background: var(--color-surface);
  transform: translateY(-50%) scale(1.1);
}.qiling-module-scope-gallery .ql-gallery-prev {
  left: 24px;
}.qiling-module-scope-gallery .ql-gallery-next {
  right: 24px;
}.qiling-module-scope-gallery /* 图片计数器 */
.ql-gallery-counter {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  padding: var(--qiling-space-8) var(--qiling-space-20);
  background: var(--qiling-color-rgba-0-0-0-06);
  border-radius: 20px;
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-rem-0p9);
  z-index: 1001;
}html.dark-mode .qiling-module-scope-gallery .ql-gallery-filter-btn {
  border-color: var(--qiling-component-tabs-border);
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-gallery .ql-gallery-filter-btn.active {
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
  color: var(--qiling-component-tabs-active-text);
}html.dark-mode .qiling-module-scope-gallery .ql-gallery-nav {
  background: var(--qiling-color-rgba-30-41-59-09);
  color: var(--color-neutral-100);
}

.qiling-module-scope-github_activity .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-github_activity .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-github_activity .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-github_activity .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-github_activity .features-tab-btn .tab-icon,
.qiling-module-scope-github_activity .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-github_activity .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-github_activity .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-github_activity .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-github_activity .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-github_activity .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-github_activity .features-tabs-content {
  position: relative;
}.qiling-module-scope-github_activity .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-github_activity .features-tab-pane.active {
  display: block;
}.qiling-module-scope-github_activity .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-github_activity .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-github_activity .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-github_activity .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-github_activity .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-github_activity .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-github_activity .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-github_activity .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-github_activity .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-github_activity .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-github_activity .features-grid-2,
.qiling-module-scope-github_activity .features-grid-3,
.qiling-module-scope-github_activity .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-github_activity /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-github_activity .module-decor.d-left {
  left: 0;
}.qiling-module-scope-github_activity .module-decor.d-right {
  right: 0;
}.qiling-module-scope-github_activity .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-github_activity /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-github_activity .module-decor svg path,
.qiling-module-scope-github_activity .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-github_activity /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-github_activity .module-decor {
    display: none !important;
  }}.qiling-module-scope-github_activity .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-github_activity .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-github_activity .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-github_activity .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-github_activity .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-github_activity /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-github_activity .ql-travel-cols-2,
.qiling-module-scope-github_activity .ql-travel-cols-3,
.qiling-module-scope-github_activity .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-github_activity .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-github_activity /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-github_activity /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-github_activity .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-github_activity .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-github_activity .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-github_activity .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-github_activity .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-github_activity .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-github_activity /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-github_activity /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-github_activity /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-github_activity [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-github_activity .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-github_activity /* @qiling-keep-standalone-split: GitHub Activity owns this stylesheet. */
.module-github-activity .qga-header {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.qiling-module-scope-github_activity .module-github-activity .qga-kicker {display:inline-flex;margin-bottom:10px;color:#0369a1;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.qiling-module-scope-github_activity .module-github-activity .qga-title {margin:0;color:#0f172a;font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:0}.qiling-module-scope-github_activity .module-github-activity .qga-subtitle {max-width:720px;margin:12px 0 0;color:#475569;font-size:16px;line-height:1.75}.qiling-module-scope-github_activity .module-github-activity .qga-repo-link {display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;background:#fff;text-decoration:none;font-weight:700}.qiling-module-scope-github_activity .module-github-activity .qga-layout {display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:stretch}.qiling-module-scope-github_activity .module-github-activity .qga-main {display:grid;gap:16px}.qiling-module-scope-github_activity .module-github-activity .qga-repo-card,
.qiling-module-scope-github_activity .module-github-activity .qga-release,
.qiling-module-scope-github_activity .module-github-activity .qga-commits,
.qiling-module-scope-github_activity .module-github-activity .qga-stat {border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.06)}.qiling-module-scope-github_activity .module-github-activity .qga-repo-card {padding:24px}.qiling-module-scope-github_activity .module-github-activity .qga-repo-name {color:#0f172a;font-size:20px;font-weight:800;line-height:1.3}.qiling-module-scope-github_activity .module-github-activity .qga-repo-desc {margin:10px 0 0;color:#475569;line-height:1.7}.qiling-module-scope-github_activity .module-github-activity .qga-pills {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.qiling-module-scope-github_activity .module-github-activity .qga-pills span {display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:12px;font-weight:700}.qiling-module-scope-github_activity .module-github-activity .qga-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.qiling-module-scope-github_activity .module-github-activity .qga-stat {padding:20px}.qiling-module-scope-github_activity .module-github-activity .qga-stat-value {color:#0f172a;font-size:30px;font-weight:850;line-height:1}.qiling-module-scope-github_activity .module-github-activity .qga-stat-label {margin-top:8px;color:#64748b;font-size:13px;font-weight:700}.qiling-module-scope-github_activity .module-github-activity .qga-release {padding:24px;display:flex;flex-direction:column;justify-content:center}.qiling-module-scope-github_activity .module-github-activity .qga-card-label {color:#0369a1;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0;margin-bottom:12px}.qiling-module-scope-github_activity .module-github-activity .qga-release-version {color:#0f172a;text-decoration:none;font-size:28px;font-weight:850;line-height:1.15;word-break:break-word}.qiling-module-scope-github_activity .module-github-activity .qga-release-name {margin-top:10px;color:#334155;font-weight:700}.qiling-module-scope-github_activity .module-github-activity .qga-muted {color:#64748b;font-size:14px;line-height:1.6}.qiling-module-scope-github_activity .module-github-activity .qga-commits {margin-top:16px;padding:8px}.qiling-module-scope-github_activity .module-github-activity .qga-commits>.qga-card-label {padding:14px 16px 4px}.qiling-module-scope-github_activity .module-github-activity .qga-commit {display:grid;grid-template-columns:80px minmax(0,1fr) 190px;gap:14px;align-items:center;padding:14px 16px;border-radius:6px;color:#0f172a;text-decoration:none}.qiling-module-scope-github_activity .module-github-activity .qga-commit:hover {background:#f8fafc}.qiling-module-scope-github_activity .module-github-activity .qga-commit-sha {font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#0369a1;font-weight:800}.qiling-module-scope-github_activity .module-github-activity .qga-commit-message {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.qiling-module-scope-github_activity .module-github-activity .qga-commit-meta {color:#64748b;font-size:13px;text-align:right;white-space:nowrap}.qiling-module-scope-github_activity .module-github-activity .qga-admin-note,
.qiling-module-scope-github_activity .module-github-activity .qga-empty {margin-top:16px;padding:12px 14px;border:1px solid #fde68a;border-radius:8px;background:#fffbeb;color:#92400e;font-size:14px}@media (max-width:900px){.qiling-module-scope-github_activity .module-github-activity .qga-header {display:block}.qiling-module-scope-github_activity .module-github-activity .qga-repo-link {margin-top:18px}.qiling-module-scope-github_activity .module-github-activity .qga-layout {grid-template-columns:1fr}.qiling-module-scope-github_activity .module-github-activity .qga-commit {grid-template-columns:68px minmax(0,1fr)}.qiling-module-scope-github_activity .module-github-activity .qga-commit-meta {grid-column:2;text-align:left}}@media (max-width:640px){.qiling-module-scope-github_activity .module-github-activity .qga-stats {grid-template-columns:1fr}.qiling-module-scope-github_activity .module-github-activity .qga-title {font-size:28px}.qiling-module-scope-github_activity .module-github-activity .qga-commit {grid-template-columns:1fr;gap:6px}.qiling-module-scope-github_activity .module-github-activity .qga-commit-meta {grid-column:auto}}

.qiling-module-scope-hero_search .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-hero_search .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-hero_search .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-hero_search .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-hero_search .features-tab-btn .tab-icon,
.qiling-module-scope-hero_search .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-hero_search .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-hero_search .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-hero_search .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-hero_search .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-hero_search .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-hero_search .features-tabs-content {
  position: relative;
}.qiling-module-scope-hero_search .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-hero_search .features-tab-pane.active {
  display: block;
}.qiling-module-scope-hero_search .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-hero_search .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-hero_search .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-hero_search .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-hero_search .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-hero_search .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-hero_search .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-hero_search .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-hero_search .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-hero_search .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-hero_search .features-grid-2,
.qiling-module-scope-hero_search .features-grid-3,
.qiling-module-scope-hero_search .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-hero_search /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-hero_search .module-decor.d-left {
  left: 0;
}.qiling-module-scope-hero_search .module-decor.d-right {
  right: 0;
}.qiling-module-scope-hero_search .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-hero_search /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-hero_search .module-decor svg path,
.qiling-module-scope-hero_search .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-hero_search /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-hero_search .module-decor {
    display: none !important;
  }}.qiling-module-scope-hero_search .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-hero_search .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-hero_search .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-hero_search .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-hero_search .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-hero_search /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-hero_search .ql-travel-cols-2,
.qiling-module-scope-hero_search .ql-travel-cols-3,
.qiling-module-scope-hero_search .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-hero_search .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-hero_search /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-hero_search /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-hero_search .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-hero_search .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-hero_search .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-hero_search .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-hero_search .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-hero_search .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-hero_search /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-hero_search /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-hero_search /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-hero_search [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-hero_search .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-hero_search .module-hero-search .hs-search-btn { color: var(--hs-search-btn-text, #ffffff); }.qiling-module-scope-hero_search .module-hero-search .hs-search-btn:hover { color: var(--hs-search-btn-hover-text, #ffffff); }.qiling-module-scope-hero_search /* ===== 搜索主视觉 (hero_search) ===== */

/* 模块整体宽度 */
.module-hero-search {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: var(--qiling-space-neg-vw-50);
  margin-right: var(--qiling-space-neg-vw-50);
  overflow: hidden;
  isolation: isolate;
  color: var(--color-text-inverse);
}.qiling-module-scope-hero_search .module-hero-search.hs-width-container,
.qiling-module-scope-hero_search .module-hero-search.hs-width-custom {
  left: auto;
  right: auto;
  width: calc(100% - (var(--qiling-space-20) * 2));
  margin-left: auto;
  margin-right: auto;
}.qiling-module-scope-hero_search .module-hero-search.hs-width-container {
  max-width: calc(var(--qiling-container-width, 1200px) - (var(--qiling-space-20) * 2));
}.qiling-module-scope-hero_search .module-hero-search.hs-width-custom {
  max-width: var(--hs-module-max-width, 1400px);
}.qiling-module-scope-hero_search /* 背景层 */
.module-hero-search .hs-bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}.qiling-module-scope-hero_search .module-hero-search .hs-bg-swiper {
  width: 100%;
  height: 100%;
}.qiling-module-scope-hero_search .module-hero-search .hs-bg-swiper .swiper-slide {
  width: 100%;
  height: 100%;
}.qiling-module-scope-hero_search .module-hero-search .hs-bg-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}.qiling-module-scope-hero_search .module-hero-search .hs-bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}.qiling-module-scope-hero_search .module-hero-search .hs-bg-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    135deg,
    var(--qiling-color-667eea) 0%,
    var(--qiling-color-764ba2) 100%
  );
}.qiling-module-scope-hero_search /* 遮罩层 */
.module-hero-search .hs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}.qiling-module-scope-hero_search /* 内容层 */
.module-hero-search .hs-content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  align-items: center;
  padding: clamp(
      var(--qiling-space-72),
      var(--qiling-space-vw-10),
      var(--qiling-space-112)
    )
    0;
}.qiling-module-scope-hero_search .module-hero-search .hs-content .container {
  width: 100%;
  max-width: var(--qiling-measure-1100);
  margin: 0 auto;
  padding: 0 var(--qiling-space-24);
}.qiling-module-scope-hero_search /* 标题 */
.module-hero-search .hs-title {
  margin: 0 0 var(--qiling-space-14) 0;
  font-weight: 750;
  line-height: 1.16;
  text-shadow: 0 2px 16px var(--qiling-color-rgba-0-0-0-04);
  letter-spacing: var(--qiling-tracking-neg-em-0p03);
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: pretty;
}.qiling-module-scope-hero_search .module-hero-search .hs-subtitle {
  margin: 0 0 var(--qiling-space-32) 0;
  font-size: var(--qiling-text-rem-1p2);
  line-height: 1.65;
  text-shadow: 0 1px 8px var(--qiling-color-rgba-0-0-0-04);
  max-width: 46ch;
  opacity: 0.96;
}.qiling-module-scope-hero_search .module-hero-search .hs-align-center .hs-subtitle {
  margin-left: auto;
  margin-right: auto;
}.qiling-module-scope-hero_search .module-hero-search .hs-align-right .hs-subtitle {
  margin-left: auto;
}.qiling-module-scope-hero_search /* 搜索框 */
.module-hero-search .hs-search-form {
  width: 100%;
  margin-bottom: 0;
}.qiling-module-scope-hero_search .module-hero-search .hs-align-right .hs-search-form {
  margin-left: auto;
}.qiling-module-scope-hero_search .module-hero-search .hs-search-box {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  width: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.96);
  border-radius: 18px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, 0.62);
  box-shadow:
    0 18px 46px var(--qiling-color-rgba-15-23-42-022),
    0 2px 8px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}.qiling-module-scope-hero_search .module-hero-search .hs-search-box:focus-within {
  border-color: rgba(var(--color-primary-rgb), 0.5);
  box-shadow:
    0 20px 52px var(--qiling-color-rgba-15-23-42-022),
    0 0 0 4px rgba(var(--color-primary-rgb), 0.16);
}.qiling-module-scope-hero_search .module-hero-search .hs-search-input {
  flex: 1;
  width: 100%;
  min-width: 0;
  border: 0;
  border-radius: 12px;
  box-sizing: border-box;
  background: var(--qiling-color-transparent);
  padding: 0 var(--qiling-space-18);
  font-size: var(--qiling-text-16);
  outline: none;
  min-height: 52px;
  color: var(--color-neutral-900);
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}.qiling-module-scope-hero_search .module-hero-search .hs-search-input::placeholder {
  color: var(--color-neutral-500);
  opacity: 1;
}.qiling-module-scope-hero_search .module-hero-search .hs-search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--qiling-space-8);
  padding: 0 var(--qiling-space-24);
  border: 1px solid var(--hs-search-btn-border, transparent);
  min-width: 116px;
  min-height: 52px;
  border-radius: 13px;
  background: var(
    --hs-search-btn-bg,
    var(
      --qiling-component-button-bg,
      linear-gradient(
        135deg,
        var(--qiling-color-667eea) 0%,
        var(--qiling-color-764ba2) 100%
      )
    )
  );
  color: var(
    --hs-search-btn-text,
    var(--qiling-component-button-text, var(--color-text-inverse))
  );
  font-size: var(--qiling-text-15);
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: var(
    --qiling-component-button-shadow,
    0 18px 36px var(--qiling-color-primary-alpha-024)
  );
}.qiling-module-scope-hero_search .module-hero-search .hs-search-btn:hover {
  background: var(
    --hs-search-btn-hover-bg,
    var(
      --hs-search-btn-bg,
      var(
        --qiling-component-button-bg,
        linear-gradient(
          135deg,
          var(--qiling-color-667eea) 0%,
          var(--qiling-color-764ba2) 100%
        )
      )
    )
  );
  color: var(
    --hs-search-btn-hover-text,
    var(
      --hs-search-btn-text,
      var(--qiling-component-button-text, var(--color-text-inverse))
    )
  );
  transform: translateY(-1px);
  box-shadow: 0 22px 42px var(--qiling-color-primary-alpha-028);
}.qiling-module-scope-hero_search /* 关键词标签 */
.module-hero-search .hs-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qiling-space-12);
  margin-top: var(--qiling-space-20);
}.qiling-module-scope-hero_search .module-hero-search .hs-tags-label {
  font-size: var(--qiling-text-14);
  opacity: 0.88;
  font-weight: 600;
}.qiling-module-scope-hero_search .module-hero-search .hs-align-right .hs-tags {
  justify-content: flex-end;
}.qiling-module-scope-hero_search .module-hero-search .hs-tag {
  display: inline-block;
  padding: var(--qiling-space-8) var(--qiling-space-16);
  border-radius: 999px;
  font-size: var(--qiling-text-13);
  text-decoration: none;
  transition: all 0.3s;
  background: var(--qiling-color-rgba-255-255-255-014);
  border: 1px solid var(--qiling-color-rgba-255-255-255-022);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px var(--qiling-color-rgba-15-23-42-012);
}.qiling-module-scope-hero_search .module-hero-search .hs-tag:hover {
  transform: translateY(-2px);
  background: var(--qiling-color-rgba-255-255-255-02);
  box-shadow: 0 16px 32px var(--qiling-color-rgba-15-23-42-016);
}.qiling-module-scope-hero_search /* 响应式 */
@media (max-width: 768px) {
  .module-hero-search .hs-content {
    padding: var(--qiling-space-64) 0;
  }
  .module-hero-search .hs-content .container {
    padding: 0 var(--qiling-space-16);
  }
  .module-hero-search .hs-title {
    font-size: var(--qiling-text-rem-2) !important;
  }
  .module-hero-search .hs-subtitle {
    font-size: var(--qiling-text-rem-1);
    margin-bottom: var(--qiling-space-24);
  }
  .module-hero-search .hs-search-box {
    flex-direction: row;
    border-radius: 15px;
    padding: 5px;
    gap: 4px;
  }
  .module-hero-search .hs-search-input {
    min-height: 48px;
    padding: 0 var(--qiling-space-14);
    text-align: left;
  }
  .module-hero-search .hs-search-btn {
    justify-content: center;
    min-width: 96px;
    min-height: 48px;
    border-radius: 11px;
    padding: 0 var(--qiling-space-16);
  }
  .module-hero-search .hs-tags {
    justify-content: center !important;
    gap: var(--qiling-space-8);
    margin-top: var(--qiling-space-16);
  }
}

.qiling-module-scope-hotel-amenities .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-hotel-amenities .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-hotel-amenities .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-hotel-amenities .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-hotel-amenities .features-tab-btn .tab-icon,
.qiling-module-scope-hotel-amenities .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-hotel-amenities .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-hotel-amenities .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-hotel-amenities .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-hotel-amenities .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-hotel-amenities .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-hotel-amenities .features-tabs-content {
  position: relative;
}.qiling-module-scope-hotel-amenities .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-hotel-amenities .features-tab-pane.active {
  display: block;
}.qiling-module-scope-hotel-amenities .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-hotel-amenities .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-hotel-amenities .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-hotel-amenities .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-hotel-amenities .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-hotel-amenities .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-hotel-amenities .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-hotel-amenities .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-hotel-amenities .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-hotel-amenities .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-hotel-amenities .features-grid-2,
.qiling-module-scope-hotel-amenities .features-grid-3,
.qiling-module-scope-hotel-amenities .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-hotel-amenities /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-hotel-amenities .module-decor.d-left {
  left: 0;
}.qiling-module-scope-hotel-amenities .module-decor.d-right {
  right: 0;
}.qiling-module-scope-hotel-amenities .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-hotel-amenities /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-hotel-amenities .module-decor svg path,
.qiling-module-scope-hotel-amenities .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-hotel-amenities /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-hotel-amenities .module-decor {
    display: none !important;
  }}.qiling-module-scope-hotel-amenities .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-hotel-amenities .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-hotel-amenities .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-hotel-amenities .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-hotel-amenities .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-hotel-amenities /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-hotel-amenities .ql-travel-cols-2,
.qiling-module-scope-hotel-amenities .ql-travel-cols-3,
.qiling-module-scope-hotel-amenities .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-hotel-amenities .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-hotel-amenities /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-hotel-amenities /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-hotel-amenities .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-hotel-amenities .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-hotel-amenities .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-hotel-amenities .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-hotel-amenities .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-hotel-amenities .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-hotel-amenities /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-hotel-amenities /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-hotel-amenities /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-hotel-amenities [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-hotel-amenities .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-hotel-amenities /* ----------------------------------------
 * 酒店设施模块 - Hotel Amenities Module
 * ---------------------------------------- */

/* 设施网格 */
.module-hotel-amenities .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-amenity-grid {
  display: grid;
  gap: var(--qiling-space-22);
}.qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-amenity-grid.ql-hotel-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}.qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-amenity-grid.ql-hotel-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}.qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-amenity-grid.ql-hotel-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}.qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-amenity-grid.ql-hotel-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}.qiling-module-scope-hotel-amenities /* 设施图标 */
.module-hotel-amenities .ql-hotel-amenity-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  margin: 0 auto var(--qiling-space-18);
  border-radius: 20px;
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  color: var(--color-primary);
  fill: var(--color-primary);
}.qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-amenity-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}.qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-icon-default {
  color: var(--color-primary);
}.qiling-module-scope-hotel-amenities /* 设施名称 */
.module-hotel-amenities .ql-hotel-amenity-name {
  font-size: var(--qiling-text-rem-1);
  font-weight: 600;
  line-height: 1.45;
  color: var(--color-heading);
  margin: 0 0 var(--qiling-space-10) 0;
}.qiling-module-scope-hotel-amenities /* 设施描述 */
.module-hotel-amenities .ql-hotel-amenity-desc {
  font-size: var(--qiling-text-rem-0p875);
  color: var(--color-text-muted);
  line-height: 1.68;
  margin: 0 0 var(--qiling-space-12) 0;
}.qiling-module-scope-hotel-amenities /* 开放时间 */
.module-hotel-amenities .ql-hotel-amenity-time {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-6);
  font-size: var(--qiling-text-rem-0p75);
  color: var(--color-text-muted);
  padding: var(--qiling-space-5) var(--qiling-space-11);
  background: var(--qiling-component-surface-alt-bg, var(--color-neutral-100));
  border: 1px solid rgba(var(--color-primary-rgb), 0.08);
  border-radius: 999px;
}.qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-amenity-time svg {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-amenity-name {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-amenity-desc {
  color: var(--color-neutral-400);
}html.dark-mode .qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-amenity-time {
  background: var(--qiling-color-rgba-30-41-59-08);
  color: var(--color-neutral-400);
}.qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-amenity-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: flex-start;
  gap: var(--qiling-space-4);
  padding: var(--qiling-space-26) var(--qiling-space-22);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  font-size: var(--qiling-text-rem-0p75);
  color: var(--color-neutral-600);
  transition:
    all 0.3s ease,
    border-color 0.3s ease;
  animation: ql-hotel-fadeInUp 0.6s ease forwards;
  opacity: 0;
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-amenity-item svg,
.qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-amenity-item .ql-hotel-icon {
  width: 12px;
  height: 12px;
  color: var(--qiling-color-10b981);
  fill: var(--qiling-color-10b981);
}.qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-amenity-item:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-hotel-amenities /* 网格布局 */
.module-hotel-amenities .ql-hotel-layout-grid .ql-hotel-amenity-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
}.qiling-module-scope-hotel-amenities /* 卡片布局 */
.module-hotel-amenities .ql-hotel-layout-card .ql-hotel-amenity-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.055) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
}.qiling-module-scope-hotel-amenities /* 简约布局 */
.module-hotel-amenities .ql-hotel-layout-minimal .ql-hotel-amenity-item {
  background: var(--qiling-color-transparent);
  border-color: var(--qiling-color-transparent);
  box-shadow: none;
  padding: var(--qiling-space-18) var(--qiling-space-12);
}.qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-layout-minimal .ql-hotel-amenity-item:hover {
  background: rgba(var(--color-surface-rgb), 0.5);
  border-color: rgba(var(--color-primary-rgb), 0.14);
}.qiling-module-scope-hotel-amenities .module-hotel-amenities .ql-hotel-icon {
  width: 100%;
  height: 100%;
}.qiling-module-scope-hotel-amenities /* 酒店设施 - 暗黑模式 */
html.dark-mode .module-hotel-amenities .ql-hotel-amenity-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      var(--qiling-color-rgba-15-23-42-0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--color-neutral-800));
  color: var(--color-neutral-300);
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
}.qiling-module-scope-hotel-amenities html.dark-mode
  .module-hotel-amenities
  .ql-hotel-layout-minimal
  .ql-hotel-amenity-item {
  background: var(--qiling-color-transparent);
}.qiling-module-scope-hotel-amenities html.dark-mode
  .module-hotel-amenities
  .ql-hotel-layout-minimal
  .ql-hotel-amenity-item:hover {
  background: var(--qiling-color-rgba-30-41-59-05);
}

.qiling-module-scope-image_comparison .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-image_comparison .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-image_comparison .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-image_comparison .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-image_comparison .features-tab-btn .tab-icon,
.qiling-module-scope-image_comparison .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-image_comparison .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-image_comparison .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-image_comparison .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-image_comparison .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-image_comparison .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-image_comparison .features-tabs-content {
  position: relative;
}.qiling-module-scope-image_comparison .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-image_comparison .features-tab-pane.active {
  display: block;
}.qiling-module-scope-image_comparison .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-image_comparison .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-image_comparison .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-image_comparison .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-image_comparison .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-image_comparison .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-image_comparison .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-image_comparison .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-image_comparison .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-image_comparison .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-image_comparison .features-grid-2,
.qiling-module-scope-image_comparison .features-grid-3,
.qiling-module-scope-image_comparison .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-image_comparison /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-image_comparison .module-decor.d-left {
  left: 0;
}.qiling-module-scope-image_comparison .module-decor.d-right {
  right: 0;
}.qiling-module-scope-image_comparison .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-image_comparison /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-image_comparison .module-decor svg path,
.qiling-module-scope-image_comparison .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-image_comparison /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-image_comparison .module-decor {
    display: none !important;
  }}.qiling-module-scope-image_comparison .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-image_comparison .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-image_comparison .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-image_comparison .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-image_comparison .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-image_comparison /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-image_comparison .ql-travel-cols-2,
.qiling-module-scope-image_comparison .ql-travel-cols-3,
.qiling-module-scope-image_comparison .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-image_comparison .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-image_comparison /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-image_comparison /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-image_comparison .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-image_comparison .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-image_comparison .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-image_comparison .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-image_comparison .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-image_comparison .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-image_comparison /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-image_comparison /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-image_comparison /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-image_comparison [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-image_comparison .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-image_comparison /* ===== 图像对比 (image_comparison) ===== */
.module-image-comparison .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-image_comparison .module-image-comparison .ds-compare-container {
  position: relative;
  width: 100%;
  height: var(--ds-compare-height, 500px);
  overflow: hidden;
  background: var(--qiling-component-post-card-bg);
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
  user-select: none;
}.qiling-module-scope-image_comparison .module-image-comparison .ds-compare-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}.qiling-module-scope-image_comparison .module-image-comparison .ds-compare-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  border-right: 2px solid var(--ds-compare-slider-color, var(--color-surface));
  box-shadow: 6px 0 24px var(--qiling-color-rgba-15-23-42-012);
}.qiling-module-scope-image_comparison .module-image-comparison .ds-compare-handle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  background: var(--ds-compare-slider-color, var(--color-surface));
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  cursor: ew-resize;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(var(--color-surface-rgb), 0.9);
  box-shadow: 0 12px 30px var(--qiling-color-rgba-15-23-42-022);
  touch-action: pan-y;
}.qiling-module-scope-image_comparison .module-image-comparison .ds-compare-handle:before,
.qiling-module-scope-image_comparison .module-image-comparison .ds-compare-handle:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  margin: 0 var(--qiling-space-3);
}.qiling-module-scope-image_comparison .module-image-comparison .ds-compare-handle:before {
  border-width: 6px 8px 6px 0;
  border-color: var(--qiling-color-transparent) var(--color-text-inverse)
    var(--qiling-color-transparent) var(--qiling-color-transparent);
}.qiling-module-scope-image_comparison .module-image-comparison .ds-compare-handle:after {
  border-width: 6px 0 6px 8px;
  border-color: var(--qiling-color-transparent) var(--qiling-color-transparent)
    var(--qiling-color-transparent) var(--color-text-inverse);
}.qiling-module-scope-image_comparison .module-image-comparison .ds-compare-label {
  position: absolute;
  top: 20px;
  display: inline-flex;
  align-items: center;
  padding: var(--qiling-space-7) var(--qiling-space-14);
  background: var(--qiling-component-badge-bg);
  background: color-mix(
    in srgb,
    var(--qiling-component-badge-bg) 88%,
    var(--qiling-color-rgba-255-255-255-01)
  );
  color: var(--qiling-component-badge-text);
  font-size: var(--qiling-text-rem-0p84);
  font-weight: 700;
  border-radius: 999px;
  z-index: 3;
  pointer-events: none;
  backdrop-filter: blur(6px);
  border: 1px solid rgba(var(--color-surface-rgb), 0.22);
  box-shadow: 0 10px 24px var(--qiling-color-rgba-15-23-42-014);
  letter-spacing: var(--qiling-tracking-em-0p02);
}.qiling-module-scope-image_comparison .module-image-comparison .ds-compare-label.label-before {
  left: 20px;
}.qiling-module-scope-image_comparison .module-image-comparison .ds-compare-label.label-after {
  right: 20px;
}html.dark-mode .qiling-module-scope-image_comparison .module-image-comparison .ds-compare-container {
  background: var(
    --qiling-component-post-card-bg-dark,
    var(--qiling-component-post-card-bg)
  );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-image_comparison .module-image-comparison .ds-compare-label {
  background: var(--qiling-component-badge-bg);
  background: color-mix(
    in srgb,
    var(--qiling-component-badge-bg) 88%,
    var(--qiling-color-rgba-15-23-42-014)
  );
  color: var(--qiling-component-badge-text);
  border-color: rgba(var(--color-surface-rgb), 0.12);
}@media (max-width: 768px){.qiling-module-scope-image_comparison .module-image-comparison .ds-compare-container {
    height: 300px;
  }.qiling-module-scope-image_comparison .module-image-comparison .ds-compare-handle {
    width: 32px;
    height: 32px;
  }
}

.qiling-module-scope-image_text .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-image_text .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-image_text .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-image_text .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-image_text .features-tab-btn .tab-icon,
.qiling-module-scope-image_text .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-image_text .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-image_text .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-image_text .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-image_text .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-image_text .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-image_text .features-tabs-content {
  position: relative;
}.qiling-module-scope-image_text .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-image_text .features-tab-pane.active {
  display: block;
}.qiling-module-scope-image_text .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-image_text .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-image_text .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-image_text .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-image_text .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-image_text .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-image_text .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-image_text .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-image_text .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-image_text .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-image_text .features-grid-2,
.qiling-module-scope-image_text .features-grid-3,
.qiling-module-scope-image_text .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-image_text /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-image_text .module-decor.d-left {
  left: 0;
}.qiling-module-scope-image_text .module-decor.d-right {
  right: 0;
}.qiling-module-scope-image_text .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-image_text /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-image_text .module-decor svg path,
.qiling-module-scope-image_text .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-image_text /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-image_text .module-decor {
    display: none !important;
  }}.qiling-module-scope-image_text .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-image_text .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-image_text .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-image_text .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-image_text .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-image_text /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-image_text .ql-travel-cols-2,
.qiling-module-scope-image_text .ql-travel-cols-3,
.qiling-module-scope-image_text .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-image_text .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-image_text /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-image_text /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-image_text .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-image_text .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-image_text .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-image_text .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-image_text .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-image_text .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-image_text /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-image_text /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-image_text /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-image_text [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-image_text .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-image_text /* ===== 图文模块 (Module Image Text) ===== */
.module-image-text .image-text-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--qiling-space-72);
  align-items: center;
}.qiling-module-scope-image_text .module-image-text .image-text-grid.layout-right .image-text-image {
  order: 2;
}.qiling-module-scope-image_text .module-image-text .image-text-grid.layout-right .image-text-content {
  order: 1;
}.qiling-module-scope-image_text .module-image-text .image-text-image {
  position: relative;
}.qiling-module-scope-image_text .module-image-text .image-text-image img {
  width: 100%;
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
  transition: transform 0.3s ease;
}.qiling-module-scope-image_text .module-image-text .image-text-image:hover img {
  transform: translateY(-5px);
}.qiling-module-scope-image_text .module-image-text .placeholder-image {
  aspect-ratio: 4/3;
  background: var(--qiling-component-surface-alt-bg, var(--color-neutral-100));
  border-radius: var(--qiling-card-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-1p1);
  border: 1px dashed var(--qiling-component-card-border);
}.qiling-module-scope-image_text .module-image-text .module-title {
  font-size: clamp(
    var(--qiling-text-rem-2),
    var(--qiling-text-vw-4),
    var(--qiling-text-rem-2p8)
  );
  font-weight: 800;
  color: var(--color-heading);
  margin-bottom: var(--qiling-space-18);
  line-height: 1.15;
}.qiling-module-scope-image_text .module-image-text .module-subtitle {
  display: inline-flex;
  align-items: center;
  padding: var(--qiling-space-8) var(--qiling-space-16);
  border-radius: 999px;
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  font-size: var(--qiling-text-rem-1);
  margin-bottom: var(--qiling-space-24);
  font-weight: 600;
}.qiling-module-scope-image_text .module-image-text .module-desc {
  color: var(--color-text-muted);
  line-height: 1.78;
  margin-bottom: var(--qiling-space-30);
  font-size: var(--qiling-text-rem-1);
  max-width: 60ch;
}.qiling-module-scope-image_text .module-image-text .module-action {
  display: flex;
  gap: var(--qiling-space-14);
  flex-wrap: wrap;
}.qiling-module-scope-image_text .module-image-text .module-action .image-text-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--qiling-component-button-padding);
  background: var(--image-text-btn-bg, var(--qiling-component-button-bg));
  color: var(--image-text-btn-text, var(--qiling-component-button-text));
  border: 1px solid
    var(--image-text-btn-border, var(--qiling-component-button-border));
  border-radius: var(--qiling-button-radius);
  box-shadow: var(--qiling-component-button-shadow);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}.qiling-module-scope-image_text .module-image-text .module-action .image-text-btn:hover {
  background: var(
    --image-text-btn-hover-bg,
    var(--qiling-component-button-hover-bg)
  );
  color: var(
    --image-text-btn-hover-text,
    var(--qiling-component-button-hover-text)
  );
  border-color: var(
    --image-text-btn-hover-border,
    var(--qiling-component-button-hover-bg)
  );
  transform: translateY(-2px);
}.qiling-module-scope-image_text /* 图文暗黑模式 (Image Text Dark Mode) */
html.dark-mode .module-image-text {
  background: var(--dm-bg) !important;
}html.dark-mode .qiling-module-scope-image_text .module-image-text .module-title {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-image_text .module-image-text .module-desc {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-image_text .module-image-text .placeholder-image {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(--color-text-muted);
}.qiling-module-scope-image_text /* 响应式图文 (Responsive Image Text) */
@media (max-width: 992px) {
  .module-image-text .image-text-grid {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-40);
  }

  .module-image-text .image-text-grid.layout-right .image-text-image {
    order: unset;
    /* 如果我们希望图片始终在顶部，则在移动端还原顺序 (Revert order on mobile if we want image always top) */
    /* 或者保留顺序如果我们想保持特定的流 (Or keep order if we want to maintain the specific flow) */
  }

  .module-image-text .image-text-grid.layout-right .image-text-content {
    order: unset;
  }

  /* 标准做法：移动端图片在顶部 (Standard Practice: Image on Top for Mobile) */
  .module-image-text .image-text-image {
    order: -1 !important;
  }

  .module-image-text .module-title {
    font-size: var(--qiling-text-rem-1p75);
  }
}.qiling-module-scope-image_text .module-image-text .module-action .image-text-btn { color: var(--image-text-btn-text, #ffffff); }.qiling-module-scope-image_text .module-image-text .module-action .image-text-btn:hover { color: var(--image-text-btn-hover-text, #ffffff); }

.qiling-module-scope-interact_hero .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-interact_hero .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-interact_hero .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-interact_hero .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-interact_hero .features-tab-btn .tab-icon,
.qiling-module-scope-interact_hero .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-interact_hero .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-interact_hero .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-interact_hero .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-interact_hero .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-interact_hero .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-interact_hero .features-tabs-content {
  position: relative;
}.qiling-module-scope-interact_hero .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-interact_hero .features-tab-pane.active {
  display: block;
}.qiling-module-scope-interact_hero .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-interact_hero .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-interact_hero .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-interact_hero .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-interact_hero .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-interact_hero .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-interact_hero .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-interact_hero .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-interact_hero .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-interact_hero .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-interact_hero .features-grid-2,
.qiling-module-scope-interact_hero .features-grid-3,
.qiling-module-scope-interact_hero .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-interact_hero /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-interact_hero .module-decor.d-left {
  left: 0;
}.qiling-module-scope-interact_hero .module-decor.d-right {
  right: 0;
}.qiling-module-scope-interact_hero .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-interact_hero /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-interact_hero .module-decor svg path,
.qiling-module-scope-interact_hero .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-interact_hero /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-interact_hero .module-decor {
    display: none !important;
  }}.qiling-module-scope-interact_hero .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-interact_hero .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-interact_hero .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-interact_hero .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-interact_hero .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-interact_hero /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-interact_hero .ql-travel-cols-2,
.qiling-module-scope-interact_hero .ql-travel-cols-3,
.qiling-module-scope-interact_hero .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-interact_hero .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-interact_hero /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-interact_hero /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-interact_hero .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-interact_hero .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-interact_hero .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-interact_hero .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-interact_hero .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-interact_hero .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-interact_hero /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-interact_hero /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-interact_hero /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-interact_hero [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-interact_hero .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-interact_hero .module-interact-hero .ql-ih-btn-primary { color: var(--ih-primary-btn-text, #ffffff); }.qiling-module-scope-interact_hero .module-interact-hero .ql-ih-btn-primary:hover { color: var(--ih-primary-btn-hover-text, #ffffff); }.qiling-module-scope-interact_hero /* =========================================
   Interact Hero Module
   ========================================= */
.module-interact-hero {
  position: relative;
  overflow: hidden;
  background: var(--ih-bg-color, var(--qiling-color-ebf7f8));
  color: var(--ih-text-color, var(--qiling-color-333333));
  padding-top: var(--ih-pt, var(--qiling-space-100));
  padding-bottom: var(--ih-pb, var(--qiling-space-80));
  isolation: isolate;
}.qiling-module-scope-interact_hero .module-interact-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
      circle at 14% 20%,
      var(--qiling-color-rgba-59-130-246-022) 0%,
      var(--qiling-color-rgba-59-130-246-0) 34%
    ),
    radial-gradient(
      circle at 82% 18%,
      var(--qiling-color-rgba-34-211-238-02) 0%,
      var(--qiling-color-rgba-34-211-238-0) 30%
    ),
    radial-gradient(
      circle at 72% 78%,
      var(--qiling-color-rgba-16-185-129-016) 0%,
      var(--qiling-color-rgba-16-185-129-0) 32%
    );
  z-index: 0;
  pointer-events: none;
}.qiling-module-scope-interact_hero .ql-ih-container {
  position: relative;
  z-index: 1;
  max-width: var(--qiling-measure-1200);
  margin: 0 auto;
  padding: 0 var(--qiling-space-20);
}.qiling-module-scope-interact_hero .ql-ih-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 480px;
  margin-bottom: var(--qiling-space-60);
}.qiling-module-scope-interact_hero .ql-ih-content-col {
  flex: 1;
  max-width: var(--qiling-measure-pct-50);
  padding-right: var(--qiling-space-40);
  animation: ql_ih_fadeUp 0.8s ease-out forwards;
}.qiling-module-scope-interact_hero .ql-ih-badge {
  display: inline-block;
  background: var(--qiling-color-rgba-255-255-255-072);
  color: var(--color-neutral-900);
  font-size: var(--qiling-text-12);
  font-weight: bold;
  letter-spacing: var(--qiling-tracking-em-0p08);
  padding: var(--qiling-space-7) var(--qiling-space-12);
  border-radius: 999px;
  border: 1px solid var(--qiling-color-neutral-400-alpha-022);
  box-shadow: 0 10px 30px var(--qiling-color-primary-alpha-008);
  margin-bottom: var(--qiling-space-20);
}.qiling-module-scope-interact_hero .ql-ih-title {
  font-size: var(--qiling-text-52);
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: var(--qiling-space-18);
  letter-spacing: var(--qiling-tracking-neg-1p5);
}.qiling-module-scope-interact_hero .ql-ih-subtitle {
  font-size: var(--qiling-text-18);
  opacity: 0.86;
  line-height: 1.6;
  margin-bottom: var(--qiling-space-40);
  max-width: var(--qiling-measure-pct-88);
}.qiling-module-scope-interact_hero .ql-ih-actions {
  display: flex;
  gap: var(--qiling-space-15);
}.qiling-module-scope-interact_hero .ql-ih-btn {
  padding: var(--qiling-space-14) var(--qiling-space-28);
  border-radius: 999px;
  font-size: var(--qiling-text-16);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}.qiling-module-scope-interact_hero .ql-ih-btn-primary {
  background: var(--ih-main-color, var(--qiling-color-00e09f));
  color: var(--color-text-inverse);
  box-shadow: 0 18px 40px -16px var(--qiling-color-info-alpha-055);
}.qiling-module-scope-interact_hero .ql-ih-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 44px -16px var(--qiling-color-info-alpha-062);
  filter: brightness(1.05);
}.qiling-module-scope-interact_hero .ql-ih-btn-secondary {
  background: var(--qiling-color-rgba-255-255-255-078);
  color: currentColor;
  border: 1px solid var(--qiling-color-neutral-400-alpha-024);
  box-shadow: 0 12px 30px var(--qiling-color-rgba-15-23-42-006);
}.qiling-module-scope-interact_hero .ql-ih-btn-secondary:hover {
  background: var(--qiling-color-rgba-255-255-255-092);
}.qiling-module-scope-interact_hero .ql-ih-media-col {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  perspective: 1000px;
}.qiling-module-scope-interact_hero .ql-ih-media-wrapper {
  position: relative;
  max-width: var(--qiling-measure-pct-100);
  width: auto;
  padding: 0;
  border-radius: 18px;
  background: var(--qiling-color-transparent);
  border: 0;
  box-shadow: none;
  animation: ql_ih_fadeLeft 1s ease-out 0.2s forwards;
  opacity: 0;
}.qiling-module-scope-interact_hero .ql-ih-media-img,
.qiling-module-scope-interact_hero .ql-ih-media-video {
  max-width: var(--qiling-measure-pct-100);
  height: auto;
  max-height: 500px;
  border-radius: 16px;
  display: block;
  box-shadow: 0 14px 32px var(--qiling-color-rgba-15-23-42-014);
}.qiling-module-scope-interact_hero .ql-ih-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--qiling-space-20);
  opacity: 0;
  animation: ql_ih_fadeUp 0.8s ease-out 0.6s forwards;
}.qiling-module-scope-interact_hero .ql-ih-card {
  background: var(--qiling-color-rgba-255-255-255-072);
  backdrop-filter: blur(18px);
  border: 1px solid var(--qiling-color-rgba-255-255-255-09);
  border-radius: 20px;
  padding: var(--qiling-space-24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: flex;
  align-items: flex-start;
  gap: var(--qiling-space-15);
  text-decoration: none;
  color: inherit;
}.qiling-module-scope-interact_hero .ql-ih-card:hover {
  background: var(--qiling-color-rgba-255-255-255-096);
  transform: translateY(-8px);
  box-shadow: 0 22px 50px var(--qiling-color-primary-alpha-012);
  border-color: var(--ih-main-color, var(--qiling-color-00e09f));
}.qiling-module-scope-interact_hero .ql-ih-card-icon img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  transition: transform 0.3s;
}.qiling-module-scope-interact_hero .ql-ih-card:hover .ql-ih-card-icon img {
  transform: scale(1.1);
}.qiling-module-scope-interact_hero .ql-ih-card-info h4 {
  font-size: var(--qiling-text-16);
  margin: 0 0 var(--qiling-space-6) 0;
  font-weight: 700;
}.qiling-module-scope-interact_hero .ql-ih-card-info p {
  font-size: var(--qiling-text-13);
  margin: 0;
  opacity: 0.7;
  line-height: 1.4;
}

@keyframes ql_ih_float {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }
}

@keyframes ql_ih_fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ql_ih_fadeLeft {
  from {
    opacity: 0;
    transform: translateX(30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}@media (max-width: 991px){.qiling-module-scope-interact_hero .ql-ih-top-row {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: var(--qiling-space-40);
  }.qiling-module-scope-interact_hero .ql-ih-content-col {
    max-width: var(--qiling-measure-pct-100);
    padding-right: 0;
    margin-top: var(--qiling-space-30);
  }.qiling-module-scope-interact_hero .ql-ih-title {
    font-size: var(--qiling-text-32);
  }.qiling-module-scope-interact_hero .ql-ih-actions {
    justify-content: center;
  }.qiling-module-scope-interact_hero .ql-ih-media-img,
.qiling-module-scope-interact_hero .ql-ih-media-video {
    max-height: 300px;
  }
}@media (max-width: 767px){.qiling-module-scope-interact_hero .ql-ih-features-grid {
    grid-template-columns: 1fr;
  }
}.qiling-module-scope-interact_hero .ql-ih-btn .btn-icon {
  margin-right: var(--qiling-space-8);
  font-size: var(--qiling-text-em-1p1);
  vertical-align: middle;
}.qiling-module-scope-interact_hero /* ===== 启灵视频门户主视觉 (qiling_video_portal_hero) ===== */
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}.qiling-module-scope-interact_hero .qvph-right-panel {
  width: var(--qvph-panel-width);
  max-width: var(--qiling-measure-pct-100);
  padding-right: 0;
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-30);
  margin-top: var(--qiling-space-30);
}.qiling-module-scope-interact_hero .module-interact-hero .ql-ih-subtitle {
  max-width: 60ch;
}.qiling-module-scope-interact_hero .module-interact-hero .ql-ih-btn {
  min-height: 54px;
  border: 1px solid var(--qiling-color-transparent);
  box-shadow: var(
    --qiling-component-button-shadow,
    0 18px 38px var(--qiling-color-rgba-15-23-42-012)
  );
}.qiling-module-scope-interact_hero .module-interact-hero .ql-ih-btn-primary {
  background: var(
    --qiling-component-button-bg,
    var(--ih-main-color, var(--qiling-color-00e09f))
  );
  color: var(--qiling-component-button-text, var(--color-text-inverse));
  border-color: var(
    --qiling-component-button-border,
    var(--qiling-color-transparent)
  );
}.qiling-module-scope-interact_hero .module-interact-hero .ql-ih-btn-secondary {
  background: var(
    --qiling-component-card-bg,
    var(--qiling-color-rgba-255-255-255-082)
  );
  border-color: var(
    --qiling-component-card-border,
    var(--qiling-color-neutral-400-alpha-024)
  );
}.qiling-module-scope-interact_hero .module-interact-hero .ql-ih-media-wrapper {
  padding: var(--qiling-space-16);
  border-radius: 28px;
  background: var(--qiling-color-rgba-255-255-255-018);
  border: 1px solid var(--qiling-color-rgba-255-255-255-022);
  box-shadow: 0 28px 60px var(--qiling-color-rgba-15-23-42-016);
}.qiling-module-scope-interact_hero .module-interact-hero .ql-ih-media-img,
.qiling-module-scope-interact_hero .module-interact-hero .ql-ih-media-video {
  border-radius: 22px;
}.qiling-module-scope-interact_hero .module-interact-hero .ql-ih-card {
  background: var(
    --qiling-component-card-bg,
    var(--qiling-color-rgba-255-255-255-076)
  );
  border-color: var(
    --qiling-component-card-border,
    var(--qiling-color-rgba-255-255-255-09)
  );
  box-shadow: var(
    --qiling-component-card-shadow,
    0 22px 50px var(--qiling-color-rgba-15-23-42-012)
  );
}.qiling-module-scope-interact_hero .module-interact-hero .ql-ih-btn-secondary:hover {
  border-color: rgba(var(--color-primary-rgb), 0.18);
}.qiling-module-scope-interact_hero .module-interact-hero .ql-ih-media-wrapper:hover,
.qiling-module-scope-interact_hero .module-interact-hero .ql-ih-card:hover,
.qiling-module-scope-interact_hero .qiling-video-portal-hero .qvph-right-panel:hover {
  transform: translateY(-4px);
}html.dark-mode .qiling-module-scope-interact_hero .module-interact-hero .ql-ih-media-wrapper {
  background: var(--qiling-color-rgba-15-23-42-028);
  box-shadow: 0 24px 56px var(--qiling-color-rgba-2-6-23-032);
}

.qiling-module-scope-itinerary .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-itinerary .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-itinerary .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-itinerary .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-itinerary .features-tab-btn .tab-icon,
.qiling-module-scope-itinerary .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-itinerary .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-itinerary .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-itinerary .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-itinerary .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-itinerary .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-itinerary .features-tabs-content {
  position: relative;
}.qiling-module-scope-itinerary .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-itinerary .features-tab-pane.active {
  display: block;
}.qiling-module-scope-itinerary .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-itinerary .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-itinerary .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-itinerary .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-itinerary .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-itinerary .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-itinerary .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-itinerary .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-itinerary .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-itinerary .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-itinerary .features-grid-2,
.qiling-module-scope-itinerary .features-grid-3,
.qiling-module-scope-itinerary .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-itinerary /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-itinerary .module-decor.d-left {
  left: 0;
}.qiling-module-scope-itinerary .module-decor.d-right {
  right: 0;
}.qiling-module-scope-itinerary .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-itinerary /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-itinerary .module-decor svg path,
.qiling-module-scope-itinerary .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-itinerary /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-itinerary .module-decor {
    display: none !important;
  }}.qiling-module-scope-itinerary .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-itinerary .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-itinerary .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-itinerary .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-itinerary .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-itinerary /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-itinerary .ql-travel-cols-2,
.qiling-module-scope-itinerary .ql-travel-cols-3,
.qiling-module-scope-itinerary .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-itinerary .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-itinerary /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-itinerary /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-itinerary .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-itinerary .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-itinerary .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-itinerary .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-itinerary .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-itinerary .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-itinerary /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-itinerary /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-itinerary /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-itinerary [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-itinerary .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-itinerary /* ----------------------------------------
   行程规划模块 (itinerary)
   ---------------------------------------- */
.module-itinerary .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-itinerary {
  position: relative;
  padding-left: var(--qiling-space-50);
}.qiling-module-scope-itinerary /* 时间线 */
.module-itinerary .ql-travel-itinerary-line {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(
    180deg,
    var(--color-primary, var(--color-primary)) 0%,
    var(--color-accent, var(--color-accent)) 100%
  );
  border-radius: 3px;
}.qiling-module-scope-itinerary /* 单日卡片 */
.module-itinerary .ql-travel-itinerary-day {
  position: relative;
  margin-bottom: var(--qiling-space-30);
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-itinerary-day:last-child {
  margin-bottom: 0;
}.qiling-module-scope-itinerary /* 时间点标记 */
.module-itinerary .ql-travel-itinerary-marker {
  position: absolute;
  left: -50px;
  top: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--qiling-gradient-brand);
  border: 3px solid var(--qiling-component-card-bg);
  border-radius: 50%;
  z-index: 2;
  box-shadow: 0 14px 28px rgba(var(--color-primary-rgb), 0.22);
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-itinerary-day-num {
  font-size: var(--qiling-text-rem-0p7);
  font-weight: 700;
  color: var(--color-text-inverse);
  text-transform: uppercase;
}.qiling-module-scope-itinerary /* 内容卡片 */
.module-itinerary .ql-travel-itinerary-content {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-24);
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    box-shadow 0.3s,
    transform 0.3s,
    border-color 0.3s;
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-itinerary-content:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--color-primary-rgb), 0.22);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-itinerary /* 卡片头部 */
.module-itinerary .ql-travel-itinerary-header {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-12);
  margin-bottom: var(--qiling-space-18);
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-itinerary-day-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--qiling-space-7) var(--qiling-space-14);
  background: var(--qiling-gradient-brand);
  border: 1px solid rgba(var(--color-surface-rgb), 0.18);
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-rem-0p75);
  font-weight: 600;
  letter-spacing: var(--qiling-tracking-em-0p02);
  line-height: 1;
  border-radius: 999px;
  box-shadow: 0 10px 22px var(--qiling-color-rgba-15-23-42-014);
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-itinerary-title {
  margin: 0;
  font-size: var(--qiling-text-rem-1p15);
  font-weight: 700;
  line-height: 1.45;
  color: var(--color-heading);
}.qiling-module-scope-itinerary /* 当日配图 */
.module-itinerary .ql-travel-itinerary-image {
  margin-bottom: var(--qiling-space-20);
  border-radius: calc(var(--qiling-card-radius) - 6px);
  overflow: hidden;
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-itinerary-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}.qiling-module-scope-itinerary /* 日程安排 */
.module-itinerary .ql-travel-itinerary-schedule {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-16);
  margin-bottom: var(--qiling-space-20);
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-schedule-item {
  padding-left: var(--qiling-space-16);
  border-left: 3px solid var(--qiling-component-post-card-border);
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-schedule-time {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-6);
  font-size: var(--qiling-text-rem-0p8);
  font-weight: 600;
  color: var(--color-primary, var(--color-primary));
  margin-bottom: var(--qiling-space-7);
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-schedule-time svg {
  opacity: 0.8;
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-schedule-desc {
  margin: 0;
  font-size: var(--qiling-text-rem-0p9);
  color: var(--color-text-muted);
  line-height: 1.7;
}.qiling-module-scope-itinerary /* 途经景点 */
.module-itinerary .ql-travel-itinerary-attractions {
  margin-bottom: var(--qiling-space-20);
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-attractions-label {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-6);
  font-size: var(--qiling-text-rem-0p8);
  font-weight: 600;
  color: var(--color-text-muted);
  margin-bottom: var(--qiling-space-10);
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-attractions-label svg {
  color: var(--color-primary, var(--color-primary));
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-attractions-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-8);
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-attraction-tag {
  padding: var(--qiling-space-6) var(--qiling-space-14);
  background: var(--qiling-component-badge-bg);
  border: 1px solid var(--qiling-color-transparent);
  color: var(--qiling-component-badge-text);
  font-size: var(--qiling-text-rem-0p8);
  font-weight: 500;
  border-radius: 999px;
}.qiling-module-scope-itinerary /* 餐饮住宿 */
.module-itinerary .ql-travel-itinerary-footer {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-20);
  padding-top: var(--qiling-space-16);
  border-top: 1px solid var(--qiling-component-post-card-border);
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-footer-item {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  font-size: var(--qiling-text-rem-0p85);
  color: var(--color-text-muted);
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-footer-item svg {
  color: var(--color-primary, var(--color-primary));
  opacity: 0.8;
}.qiling-module-scope-itinerary /* 交替布局 */
.module-itinerary .ql-travel-layout-alternate {
  padding-left: 0;
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-layout-alternate .ql-travel-itinerary-line {
  left: 50%;
  transform: translateX(-50%);
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-layout-alternate .ql-travel-itinerary-day {
  width: 50%;
  padding-right: var(--qiling-space-50);
}.qiling-module-scope-itinerary .module-itinerary
  .ql-travel-layout-alternate
  .ql-travel-itinerary-day.ql-travel-left {
  margin-left: 0;
}.qiling-module-scope-itinerary .module-itinerary
  .ql-travel-layout-alternate
  .ql-travel-itinerary-day.ql-travel-right {
  margin-left: var(--qiling-space-pct-50);
  padding-right: 0;
  padding-left: var(--qiling-space-50);
}.qiling-module-scope-itinerary .module-itinerary
  .ql-travel-layout-alternate
  .ql-travel-itinerary-day
  .ql-travel-itinerary-marker {
  left: auto;
  right: -20px;
}.qiling-module-scope-itinerary .module-itinerary
  .ql-travel-layout-alternate
  .ql-travel-itinerary-day.ql-travel-right
  .ql-travel-itinerary-marker {
  right: auto;
  left: -20px;
}.qiling-module-scope-itinerary /* 卡片列表布局 */
.module-itinerary .ql-travel-layout-cards {
  padding-left: 0;
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-layout-cards .ql-travel-itinerary-line {
  display: none;
}.qiling-module-scope-itinerary .module-itinerary .ql-travel-layout-cards .ql-travel-itinerary-day {
  display: inline-block;
  width: calc(33.333% - 20px);
  margin-right: var(--qiling-space-30);
  margin-bottom: var(--qiling-space-30);
  vertical-align: top;
}.qiling-module-scope-itinerary .module-itinerary
  .ql-travel-layout-cards
  .ql-travel-itinerary-day:nth-child(3n) {
  margin-right: 0;
}html.dark-mode .qiling-module-scope-itinerary .module-itinerary .ql-travel-schedule-item {
  border-left-color: var(--dm-border, var(--color-neutral-700));
}html.dark-mode .qiling-module-scope-itinerary .module-itinerary .ql-travel-attraction-tag {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border-color: var(--qiling-color-transparent);
}html.dark-mode .qiling-module-scope-itinerary .module-itinerary .ql-travel-itinerary-content {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      var(--qiling-color-rgba-15-23-42-0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--color-neutral-800));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
}html.dark-mode .qiling-module-scope-itinerary .module-itinerary .ql-travel-itinerary-marker {
  border-color: var(--qiling-component-card-bg-dark, var(--color-neutral-800));
}html.dark-mode .qiling-module-scope-itinerary .module-itinerary .ql-travel-itinerary-title {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-itinerary .module-itinerary .ql-travel-itinerary-footer {
  border-top-color: var(--dm-border, var(--color-neutral-700));
}.qiling-module-scope-itinerary /* ----------------------------------------
   旅行社模块响应式
   ---------------------------------------- */
@media (max-width: 1024px) {
  .ql-travel-cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .ql-travel-layout-alternate .ql-travel-itinerary-day {
    width: 100%;
    padding-right: 0;
    padding-left: var(--qiling-space-50);
    margin-left: 0 !important;
  }

  .ql-travel-layout-alternate .ql-travel-itinerary-line {
    left: 20px;
    transform: none;
  }

  .ql-travel-layout-alternate
    .ql-travel-itinerary-day
    .ql-travel-itinerary-marker {
    left: -30px;
    right: auto;
  }

  .ql-travel-layout-cards .ql-travel-itinerary-day {
    width: calc(50% - 15px);
  }

  .ql-travel-layout-cards .ql-travel-itinerary-day:nth-child(3n) {
    margin-right: var(--qiling-space-30);
  }

  .ql-travel-layout-cards .ql-travel-itinerary-day:nth-child(2n) {
    margin-right: 0;
  }
}

.qiling-module-scope-knowledge_cards .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-knowledge_cards .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-knowledge_cards .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-knowledge_cards .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-knowledge_cards .features-tab-btn .tab-icon,
.qiling-module-scope-knowledge_cards .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-knowledge_cards .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-knowledge_cards .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-knowledge_cards .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-knowledge_cards .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-knowledge_cards .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-knowledge_cards .features-tabs-content {
  position: relative;
}.qiling-module-scope-knowledge_cards .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-knowledge_cards .features-tab-pane.active {
  display: block;
}.qiling-module-scope-knowledge_cards .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-knowledge_cards .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-knowledge_cards .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-knowledge_cards .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-knowledge_cards .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-knowledge_cards .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-knowledge_cards .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-knowledge_cards .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-knowledge_cards .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-knowledge_cards .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-knowledge_cards .features-grid-2,
.qiling-module-scope-knowledge_cards .features-grid-3,
.qiling-module-scope-knowledge_cards .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-knowledge_cards /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-knowledge_cards .module-decor.d-left {
  left: 0;
}.qiling-module-scope-knowledge_cards .module-decor.d-right {
  right: 0;
}.qiling-module-scope-knowledge_cards .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-knowledge_cards /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-knowledge_cards .module-decor svg path,
.qiling-module-scope-knowledge_cards .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-knowledge_cards /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-knowledge_cards .module-decor {
    display: none !important;
  }}.qiling-module-scope-knowledge_cards .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-knowledge_cards .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-knowledge_cards .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-knowledge_cards .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-knowledge_cards .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-knowledge_cards /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-knowledge_cards .ql-travel-cols-2,
.qiling-module-scope-knowledge_cards .ql-travel-cols-3,
.qiling-module-scope-knowledge_cards .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-knowledge_cards .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-knowledge_cards /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-knowledge_cards /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-knowledge_cards .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-knowledge_cards .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-knowledge_cards .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-knowledge_cards .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-knowledge_cards .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-knowledge_cards .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-knowledge_cards /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-knowledge_cards /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-knowledge_cards /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-knowledge_cards [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-knowledge_cards .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-knowledge_cards /* ===== 知识卡片 (knowledge_cards) ===== */

.module-knowledge-cards .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-cols-1 {
  grid-template-columns: 1fr;
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qil-kc-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-22) var(--qiling-space-20) var(--qiling-space-20);
  box-shadow: var(--qiling-component-card-shadow);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--color-primary-rgb), 0.18);
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-head {
  display: flex;
  align-items: flex-start;
  gap: var(--qiling-space-10);
  margin-bottom: var(--qiling-space-12);
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-no {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--color-text-inverse);
  background: var(--qil-kc-accent);
  font-size: var(--qiling-text-rem-0p82);
  font-weight: 700;
  flex-shrink: 0;
  box-shadow: 0 10px 22px rgba(var(--color-primary-rgb), 0.2);
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-term {
  margin: 0;
  font-size: var(--qiling-text-rem-1p06);
  line-height: 1.4;
  color: var(--color-heading);
  flex: 1;
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-level {
  font-size: var(--qiling-text-rem-0p74);
  border-radius: 999px;
  padding: var(--qiling-space-4) var(--qiling-space-10);
  background: rgba(var(--color-neutral-400-rgb), 0.18);
  color: var(--color-neutral-700);
  border: 1px solid var(--qiling-color-transparent);
  font-weight: 700;
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-level.is-high {
  background: rgba(var(--color-error-rgb), 0.15);
  color: var(--color-error-dark);
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-level.is-medium {
  background: rgba(var(--color-warning-rgb), 0.15);
  color: var(--color-warning-dark);
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-level.is-low {
  background: rgba(var(--color-success-rgb), 0.15);
  color: var(--color-success-dark);
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-definition {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p94);
  line-height: 1.78;
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-row {
  margin-top: var(--qiling-space-12);
  padding-top: var(--qiling-space-12);
  border-top: 1px dashed rgba(var(--color-primary-rgb), 0.14);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p85);
  line-height: 1.7;
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-row strong {
  color: var(--color-heading);
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-row.is-mistake {
  color: var(--color-error-dark);
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-link {
  display: inline-flex;
  align-items: center;
  margin-top: var(--qiling-space-14);
  color: var(--qil-kc-accent);
  text-decoration: none;
  font-size: var(--qiling-text-rem-0p86);
  font-weight: 600;
}.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-link:hover {
  text-decoration: underline;
}html.dark-mode .qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-card {
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}@media (max-width: 1024px){.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (max-width: 767px){.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-cols-2,
.qiling-module-scope-knowledge_cards .module-knowledge-cards .qil-kc-cols-3 {
    grid-template-columns: 1fr;
  }
}

.qiling-module-scope-lookbook .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-lookbook .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-lookbook .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-lookbook .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-lookbook .features-tab-btn .tab-icon,
.qiling-module-scope-lookbook .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-lookbook .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-lookbook .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-lookbook .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-lookbook .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-lookbook .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-lookbook .features-tabs-content {
  position: relative;
}.qiling-module-scope-lookbook .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-lookbook .features-tab-pane.active {
  display: block;
}.qiling-module-scope-lookbook .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-lookbook .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-lookbook .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-lookbook .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-lookbook .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-lookbook .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-lookbook .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-lookbook .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-lookbook .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-lookbook .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-lookbook .features-grid-2,
.qiling-module-scope-lookbook .features-grid-3,
.qiling-module-scope-lookbook .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-lookbook /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-lookbook .module-decor.d-left {
  left: 0;
}.qiling-module-scope-lookbook .module-decor.d-right {
  right: 0;
}.qiling-module-scope-lookbook .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-lookbook /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-lookbook .module-decor svg path,
.qiling-module-scope-lookbook .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-lookbook /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-lookbook .module-decor {
    display: none !important;
  }}.qiling-module-scope-lookbook .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-lookbook .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-lookbook .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-lookbook .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-lookbook .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-lookbook /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-lookbook .ql-travel-cols-2,
.qiling-module-scope-lookbook .ql-travel-cols-3,
.qiling-module-scope-lookbook .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-lookbook .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-lookbook /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-lookbook /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-lookbook .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-lookbook .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-lookbook .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-lookbook .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-lookbook .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-lookbook .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-lookbook /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-lookbook /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-lookbook /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-lookbook [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-lookbook .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-lookbook /* ===== 造型册 (lookbook) ===== */

.module-lookbook .section-header {
  margin-bottom: var(--qiling-space-42) !important;
}.qiling-module-scope-lookbook .module-lookbook .lookbook-grid {
  display: grid;
  gap: var(--qiling-space-28);
}.qiling-module-scope-lookbook .module-lookbook .lookbook-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}.qiling-module-scope-lookbook .module-lookbook .lookbook-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}.qiling-module-scope-lookbook .module-lookbook .lookbook-card {
  position: relative;
  cursor: pointer;
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.04) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-lookbook .module-lookbook .lookbook-card:hover {
  transform: translateY(-5px);
  border-color: rgba(var(--color-primary-rgb), 0.22);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-lookbook .module-lookbook .lookbook-cover,
.qiling-module-scope-lookbook .module-lookbook .lookbook-video {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  display: block;
  pointer-events: none;
}.qiling-module-scope-lookbook .module-lookbook .lookbook-meta {
  padding: var(--qiling-space-16) var(--qiling-space-16) var(--qiling-space-18);
  text-align: center;
}.qiling-module-scope-lookbook .module-lookbook .lookbook-name {
  font-size: var(--qiling-text-rem-1p08);
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: var(--qiling-space-6);
  color: var(--color-heading);
}.qiling-module-scope-lookbook .module-lookbook .lookbook-desc {
  font-size: var(--qiling-text-rem-0p9);
  color: var(--color-text-muted);
  line-height: 1.7;
}.qiling-module-scope-lookbook /* 模态框样式 (Modal Styles) */
.lb-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--qiling-color-rgba-0-0-0-085);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  padding: var(--qiling-space-20);
}.qiling-module-scope-lookbook .lb-modal.is-active {
  opacity: 1;
  visibility: visible;
}.qiling-module-scope-lookbook .lb-modal-content {
  background: var(--qiling-component-card-bg);
  width: 100%;
  max-width: var(--qiling-measure-1000);
  height: 80vh;
  display: flex;
  overflow: hidden;
  border-radius: var(--qiling-card-radius);
  box-shadow: 0 24px 48px var(--qiling-color-rgba-0-0-0-03);
  position: relative;
  border: 1px solid var(--qiling-component-post-card-border);
}.qiling-module-scope-lookbook .lb-close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: var(--qiling-text-30);
  cursor: pointer;
  z-index: 10;
  color: var(--color-heading);
  line-height: 1;
}.qiling-module-scope-lookbook /* 左侧：项目 (Left Side: Items) */
.lb-left {
  width: 40%;
  padding: var(--qiling-space-30);
  overflow-y: auto;
  background: var(--qiling-component-card-bg);
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--qiling-component-post-card-border);
}.qiling-module-scope-lookbook .lb-look-name {
  font-size: var(--qiling-text-rem-1p8);
  font-weight: 700;
  margin-bottom: var(--qiling-space-10);
  color: var(--color-heading);
}.qiling-module-scope-lookbook .lb-look-desc {
  color: var(--color-text-muted);
  margin-bottom: var(--qiling-space-30);
  line-height: 1.7;
}.qiling-module-scope-lookbook .lb-items-list {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-15);
}.qiling-module-scope-lookbook .lb-item {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-15);
  padding: var(--qiling-space-14);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: calc(var(--qiling-card-radius) - 8px);
  transition: all 0.2s;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
}.qiling-module-scope-lookbook .lb-item:hover {
  background: var(--qiling-component-card-bg);
  border-color: rgba(var(--color-primary-rgb), 0.22);
}.qiling-module-scope-lookbook .lb-item.active {
  background: var(--qiling-component-card-bg);
  border-color: rgba(var(--color-primary-rgb), 0.26);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-lookbook .lb-item-thumb {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 8px;
  background: var(
    --qiling-component-surface-alt-bg,
    var(--qiling-color-eeeeee)
  );
  border: 1px solid var(--qiling-component-post-card-border);
}.qiling-module-scope-lookbook .lb-item-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-4);
}.qiling-module-scope-lookbook .lb-item-title {
  font-weight: 600;
  font-size: var(--qiling-text-14);
  color: var(--color-heading);
  margin: 0;
}.qiling-module-scope-lookbook .lb-item-price {
  color: var(--color-accent);
  font-weight: 600;
  font-family: monospace;
  font-size: var(--qiling-text-14);
}.qiling-module-scope-lookbook .lb-item-btn {
  align-self: flex-start;
  margin-top: var(--qiling-space-6);
  padding: var(--qiling-space-7) var(--qiling-space-16);
  font-size: var(--qiling-text-12);
  background: var(--qiling-component-button-bg);
  color: var(--qiling-component-button-text);
  border: 1px solid var(--qiling-component-button-border);
  cursor: pointer;
  transition: all 0.2s;
  text-transform: uppercase;
  letter-spacing: var(--qiling-tracking-0p5);
  text-decoration: none;
  font-weight: 500;
  border-radius: 999px;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-lookbook .lb-item-btn:hover {
  background: var(--qiling-component-button-hover-bg);
  color: var(--qiling-component-button-hover-text);
  border-color: var(--qiling-component-button-hover-bg);
  transform: translateY(-1px);
}.qiling-module-scope-lookbook .lb-specs {
  display: flex;
  gap: var(--qiling-space-8);
  flex-wrap: wrap;
  margin-top: var(--qiling-space-6);
}.qiling-module-scope-lookbook .lb-spec-item {
  padding: var(--qiling-space-3) var(--qiling-space-9);
  border: 1px solid var(--qiling-component-post-card-border);
  font-size: var(--qiling-text-11);
  cursor: pointer;
  border-radius: 20px;
  color: var(--color-text-muted);
  transition: all 0.2s;
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
}.qiling-module-scope-lookbook .lb-spec-item:hover,
.qiling-module-scope-lookbook .lb-spec-item.active {
  border-color: rgba(var(--color-primary-rgb), 0.22);
  color: var(--color-heading);
  background: var(--qiling-component-card-bg);
}.qiling-module-scope-lookbook /* 右侧：模型 (Right Side: Model) */
.lb-right {
  width: 60%;
  background: var(
    --qiling-component-surface-alt-bg,
    var(--qiling-color-f0f0f0)
  );
  position: relative;
  cursor: grab;
  user-select: none;
}.qiling-module-scope-lookbook .lb-right:active {
  cursor: grabbing;
}.qiling-module-scope-lookbook .lb-model-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-user-drag: none;
  pointer-events: none;
  display: block;
}.qiling-module-scope-lookbook .lb-model-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
  pointer-events: none;
}.qiling-module-scope-lookbook /* 360度控件 (360 Controls) */
.lb-360-indicator {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(var(--color-surface-rgb), 0.88);
  padding: var(--qiling-space-6) var(--qiling-space-15);
  border-radius: 999px;
  font-size: var(--qiling-text-12);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--qiling-tracking-1);
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  pointer-events: none;
}.qiling-module-scope-lookbook .lb-360-icon {
  width: 16px;
  height: 16px;
  border: 2px solid var(--color-heading);
  border-radius: 50%;
  border-top-color: var(--qiling-color-transparent);
  animation: spin 2s linear infinite;
}html.dark-mode .qiling-module-scope-lookbook .module-lookbook .lookbook-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      var(--qiling-color-rgba-15-23-42-0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--color-neutral-800));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
}html.dark-mode .qiling-module-scope-lookbook .module-lookbook .lookbook-desc {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-lookbook .lb-modal-content,
html.dark-mode .qiling-module-scope-lookbook .lb-left {
  background: var(--qiling-component-card-bg-dark, var(--color-neutral-800));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
}html.dark-mode .qiling-module-scope-lookbook .lb-close,
html.dark-mode .qiling-module-scope-lookbook .lb-look-name,
html.dark-mode .qiling-module-scope-lookbook .lb-item-title {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-lookbook .lb-look-desc,
html.dark-mode .qiling-module-scope-lookbook .lb-spec-item {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-lookbook .lb-item,
html.dark-mode .qiling-module-scope-lookbook .lb-spec-item {
  background: var(--qiling-color-rgba-30-41-59-078);
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
}html.dark-mode .qiling-module-scope-lookbook .lb-item.active,
html.dark-mode .qiling-module-scope-lookbook .lb-item:hover,
html.dark-mode .qiling-module-scope-lookbook .lb-spec-item:hover,
html.dark-mode .qiling-module-scope-lookbook .lb-spec-item.active {
  background: var(--qiling-component-card-bg-dark, var(--color-neutral-800));
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}@media (max-width: 768px){.qiling-module-scope-lookbook .lb-modal-content {
    flex-direction: column-reverse;
    height: 90vh;
  }.qiling-module-scope-lookbook .lb-left {
    width: 100%;
    height: 50%;
  }.qiling-module-scope-lookbook .lb-right {
    width: 100%;
    height: 50%;
  }.qiling-module-scope-lookbook .module-lookbook .lookbook-grid-2,
.qiling-module-scope-lookbook .module-lookbook .lookbook-grid-3 {
    grid-template-columns: 1fr;
  }
}.qiling-module-scope-lookbook .module-lookbook .lb-item-btn { color: var(--lookbook-item-btn-text, #ffffff); }.qiling-module-scope-lookbook .module-lookbook .lb-item-btn:hover { color: var(--lookbook-item-btn-hover-text, #ffffff); }

.qiling-module-scope-magic_layout .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-magic_layout .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-magic_layout .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-magic_layout .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-magic_layout .features-tab-btn .tab-icon,
.qiling-module-scope-magic_layout .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-magic_layout .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-magic_layout .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-magic_layout .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-magic_layout .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-magic_layout .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-magic_layout .features-tabs-content {
  position: relative;
}.qiling-module-scope-magic_layout .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-magic_layout .features-tab-pane.active {
  display: block;
}.qiling-module-scope-magic_layout .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-magic_layout .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-magic_layout .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-magic_layout .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-magic_layout .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-magic_layout .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-magic_layout .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-magic_layout .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-magic_layout .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-magic_layout .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-magic_layout .features-grid-2,
.qiling-module-scope-magic_layout .features-grid-3,
.qiling-module-scope-magic_layout .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-magic_layout /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-magic_layout .module-decor.d-left {
  left: 0;
}.qiling-module-scope-magic_layout .module-decor.d-right {
  right: 0;
}.qiling-module-scope-magic_layout .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-magic_layout /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-magic_layout .module-decor svg path,
.qiling-module-scope-magic_layout .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-magic_layout /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-magic_layout .module-decor {
    display: none !important;
  }}.qiling-module-scope-magic_layout .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-magic_layout .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-magic_layout .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-magic_layout .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-magic_layout .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-magic_layout /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-magic_layout .ql-travel-cols-2,
.qiling-module-scope-magic_layout .ql-travel-cols-3,
.qiling-module-scope-magic_layout .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-magic_layout .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-magic_layout /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-magic_layout /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-magic_layout .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-magic_layout .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-magic_layout .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-magic_layout .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-magic_layout .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-magic_layout .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-magic_layout /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-magic_layout /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-magic_layout /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-magic_layout [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-magic_layout .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-magic_layout /* ===== 魔术布局模块 (Module Magic Layout) ===== */
.module-magic-layout {
  position: relative;
  --qml-section-gap: var(--qiling-space-48);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-section + .qml-section {
  margin-top: var(--qml-section-gap, var(--qiling-space-48));
}.qiling-module-scope-magic_layout .module-magic-layout .qml-container {
  width: min(
    100%,
    var(--qml-container-width, var(--qiling-container-width, 1200px))
  );
  margin: 0 auto;
  padding: 0 var(--qiling-space-20);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-width-narrow {
  --qml-container-width: 860px;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-width-default {
  --qml-container-width: var(--qiling-container-width, 1200px);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-width-wide {
  --qml-container-width: 1360px;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-width-full {
  --qml-container-width: 100%;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-section-shell {
  position: relative;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-section-shell-custom {
  background: var(--qml-shell-background, var(--qiling-color-transparent));
  padding: var(--qml-shell-padding, 0);
  border-radius: var(--qml-shell-radius, 0);
  overflow: var(--qml-shell-overflow, visible);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-columns {
  display: grid;
  gap: var(--qml-gap, var(--qiling-space-28));
  grid-template-columns: var(--qml-template, repeat(2, minmax(0, 1fr)));
}.qiling-module-scope-magic_layout .module-magic-layout .qml-column {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--qiling-space-16);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-align-start .qml-column {
  justify-content: flex-start;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-align-center .qml-column {
  justify-content: center;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-align-end .qml-column {
  justify-content: flex-end;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-card .qml-column {
  padding: var(--qml-column-padding, var(--qiling-space-24));
  border-radius: 24px;
  background: var(--color-surface);
  box-shadow: 0 18px 48px var(--qiling-color-rgba-15-23-42-008);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-soft .qml-column {
  padding: var(--qml-column-padding, var(--qiling-space-24));
  border-radius: 24px;
  background: linear-gradient(
    180deg,
    var(--qiling-color-rgba-248-250-252-092),
    var(--qiling-color-rgba-241-245-249-092)
  );
}.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-outline .qml-column {
  padding: var(--qml-column-padding, var(--qiling-space-24));
  border: 1px solid var(--qiling-color-neutral-400-alpha-028);
  border-radius: 24px;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-glass .qml-column {
  padding: var(--qml-column-padding, var(--qiling-space-24));
  border: 1px solid rgba(var(--color-surface-rgb), 0.28);
  border-radius: 24px;
  background: rgba(var(--color-surface-rgb), 0.12);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-empty-column {
  padding: var(--qiling-space-18);
  border: 1px dashed var(--qiling-color-neutral-400-alpha-035);
  border-radius: 18px;
  background: var(--qiling-color-rgba-248-250-252-072);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-14);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-element {
  min-width: 0;
}.qiling-module-scope-magic_layout .module-magic-layout [data-qml-visibility="1"] {
  display: var(--qml-display-desktop, block);
}.qiling-module-scope-magic_layout .module-magic-layout [data-qml-visibility="1"].qml-button-wrap,
.qiling-module-scope-magic_layout .module-magic-layout [data-qml-visibility="1"].qml-divider-wrap {
  display: var(--qml-display-desktop, flex);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-heading {
  margin: 0;
  color: var(--color-neutral-900);
  line-height: 1.15;
  letter-spacing: var(--qiling-tracking-neg-em-0p03);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-heading:is(h1, h2) {
  font-size: clamp(
    var(--qiling-text-rem-2),
    var(--qiling-text-vw-4),
    var(--qiling-text-rem-3p6)
  );
}.qiling-module-scope-magic_layout .module-magic-layout .qml-heading:is(h3, h4, h5) {
  font-size: clamp(
    var(--qiling-text-rem-1p2),
    var(--qiling-text-vw-2),
    var(--qiling-text-rem-1p8)
  );
}.qiling-module-scope-magic_layout .module-magic-layout .qml-text {
  color: var(--color-neutral-700);
  font-size: var(--qiling-text-rem-1);
  line-height: 1.78;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-text p {
  margin: 0;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-text p + p {
  margin-top: var(--qiling-space-12);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-text-left {
  text-align: left;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-text-center {
  align-items: center;
  text-align: center;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-text-right {
  align-items: flex-end;
  text-align: right;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-button-wrap {
  display: flex;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-text-center.qml-button-wrap {
  justify-content: center;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-text-right.qml-button-wrap {
  justify-content: flex-end;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--qiling-space-rem-0p5);
  min-height: 46px;
  padding: 0 var(--qiling-space-22);
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-button:hover {
  transform: translateY(-1px);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-button-primary {
  background: var(--color-heading);
  box-shadow: 0 16px 32px var(--qiling-color-rgba-15-23-42-018);
  color: var(--color-text-inverse);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-button-secondary {
  background: var(--color-neutral-200);
  color: var(--color-neutral-900);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-button-ghost {
  border: 1px solid var(--qiling-color-rgba-15-23-42-018);
  background: var(--qiling-color-transparent);
  color: var(--color-neutral-900);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-button-text {
  min-height: auto;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  background: var(--qiling-color-transparent);
  color: var(--color-neutral-900);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-image img {
  display: block;
  width: var(--qml-image-width, auto);
  height: var(--qml-image-height, auto);
  max-width: var(--qiling-measure-pct-100);
  border-radius: 24px;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-image-has-height img {
  object-fit: cover;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-image-empty {
  padding: var(--qiling-space-28) var(--qiling-space-20);
  border: 1px dashed var(--qiling-color-neutral-400-alpha-036);
  border-radius: 20px;
  background: var(--qiling-color-rgba-248-250-252-072);
  color: var(--color-text-muted);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-spacer {
  height: var(--qml-spacer-height, 24px);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-divider-wrap {
  display: flex;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-text-center.qml-divider-wrap {
  justify-content: center;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-text-right.qml-divider-wrap {
  justify-content: flex-end;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-divider {
  display: block;
  width: var(--qml-divider-width, 100%);
  height: var(--qml-divider-thickness, 1px);
  border-radius: 999px;
  background: var(--qml-divider-color, var(--qiling-color-rgba-15-23-42-014));
}.qiling-module-scope-magic_layout .module-magic-layout .qml-divider-dashed {
  height: 0;
  border-top: var(--qml-divider-thickness, 1px) dashed
    var(--qml-divider-color, var(--qiling-color-rgba-15-23-42-018));
  background: none;
}.qiling-module-scope-magic_layout .module-magic-layout .qml-divider-gradient {
  background: linear-gradient(
    90deg,
    var(--qiling-color-transparent),
    var(--qml-divider-color, var(--qiling-color-rgba-15-23-42-036)),
    var(--qiling-color-transparent)
  );
}@media (max-width: 991px){.qiling-module-scope-magic_layout .module-magic-layout [data-qml-visibility="1"] {
    display: var(--qml-display-tablet, var(--qml-display-desktop, block));
  }.qiling-module-scope-magic_layout .module-magic-layout [data-qml-visibility="1"].qml-button-wrap,
.qiling-module-scope-magic_layout .module-magic-layout [data-qml-visibility="1"].qml-divider-wrap {
    display: var(--qml-display-tablet, var(--qml-display-desktop, flex));
  }.qiling-module-scope-magic_layout .module-magic-layout .qml-columns {
    grid-template-columns: var(--qml-template-tablet, 1fr 1fr);
  }
}@media (max-width: 767px){.qiling-module-scope-magic_layout .module-magic-layout [data-qml-visibility="1"] {
    display: var(
      --qml-display-mobile,
      var(--qml-display-tablet, var(--qml-display-desktop, block))
    );
  }.qiling-module-scope-magic_layout .module-magic-layout [data-qml-visibility="1"].qml-button-wrap,
.qiling-module-scope-magic_layout .module-magic-layout [data-qml-visibility="1"].qml-divider-wrap {
    display: var(
      --qml-display-mobile,
      var(--qml-display-tablet, var(--qml-display-desktop, flex))
    );
  }.qiling-module-scope-magic_layout .module-magic-layout .qml-container {
    padding: 0 var(--qiling-space-16);
  }.qiling-module-scope-magic_layout .module-magic-layout .qml-columns {
    grid-template-columns: 1fr;
  }.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-card .qml-column,
.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-soft .qml-column,
.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-outline .qml-column,
.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-glass .qml-column {
    padding: min(
      var(--qml-column-padding, var(--qiling-space-24)),
      var(--qiling-space-20)
    );
  }
}.qiling-module-scope-magic_layout .module-magic-layout .qml-button-primary { color: var(--magic-layout-primary-btn-text, #ffffff); }.qiling-module-scope-magic_layout .module-magic-layout .qml-button-primary:hover { color: var(--magic-layout-primary-btn-hover-text, #ffffff); }.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-card .qml-column,
.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-soft .qml-column,
.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-outline .qml-column,
.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-glass .qml-column {
  border-radius: calc(var(--qiling-card-radius) + 2px);
  border: 1px solid var(--qiling-component-card-border);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-card .qml-column {
  background: var(--qiling-component-card-bg);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-soft .qml-column {
  background: linear-gradient(
    180deg,
    rgba(var(--color-primary-rgb), 0.05) 0%,
    var(--qiling-color-rgba-255-255-255-094) 100%
  );
}.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-outline .qml-column {
  background: var(--qiling-color-rgba-255-255-255-082);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-surface-glass .qml-column {
  background: var(--qiling-color-rgba-255-255-255-048);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-button-primary,
.qiling-module-scope-magic_layout .module-magic-layout .qml-button-secondary,
.qiling-module-scope-magic_layout .module-magic-layout .qml-button-ghost {
  border: 1px solid var(--qiling-component-button-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-button-primary {
  background: var(--qiling-component-button-bg);
  color: var(--qiling-component-button-text);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-button-secondary {
  background: var(--qiling-component-card-bg);
  color: var(--color-heading);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-button-ghost {
  color: var(--color-heading);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-image img {
  border: 1px solid var(--qiling-component-card-border);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-empty-column,
.qiling-module-scope-magic_layout .module-magic-layout .qml-image-empty {
  background: rgba(var(--color-primary-rgb), 0.04);
  border-color: var(--qiling-component-card-border);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-button-secondary,
.qiling-module-scope-magic_layout .module-magic-layout .qml-button-ghost {
  border-color: var(--qiling-component-card-border);
}.qiling-module-scope-magic_layout .module-magic-layout .qml-button-secondary:hover,
.qiling-module-scope-magic_layout .module-magic-layout .qml-button-ghost:hover {
  box-shadow: 0 18px 34px var(--qiling-color-rgba-15-23-42-01);
}

.qiling-module-scope-media_list .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-media_list .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-media_list .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-media_list .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-media_list .features-tab-btn .tab-icon,
.qiling-module-scope-media_list .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-media_list .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-media_list .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-media_list .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-media_list .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-media_list .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-media_list .features-tabs-content {
  position: relative;
}.qiling-module-scope-media_list .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-media_list .features-tab-pane.active {
  display: block;
}.qiling-module-scope-media_list .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-media_list .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-media_list .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-media_list .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-media_list .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-media_list .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-media_list .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-media_list .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-media_list .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-media_list .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-media_list .features-grid-2,
.qiling-module-scope-media_list .features-grid-3,
.qiling-module-scope-media_list .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-media_list /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-media_list .module-decor.d-left {
  left: 0;
}.qiling-module-scope-media_list .module-decor.d-right {
  right: 0;
}.qiling-module-scope-media_list .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-media_list /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-media_list .module-decor svg path,
.qiling-module-scope-media_list .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-media_list /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-media_list .module-decor {
    display: none !important;
  }}.qiling-module-scope-media_list .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-media_list .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-media_list .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-media_list .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-media_list .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-media_list /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-media_list .ql-travel-cols-2,
.qiling-module-scope-media_list .ql-travel-cols-3,
.qiling-module-scope-media_list .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-media_list .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-media_list /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-media_list /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-media_list .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-media_list .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-media_list .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-media_list .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-media_list .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-media_list .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-media_list /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-media_list /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-media_list /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-media_list [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-media_list .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-media_list /* ===== 媒体列表 (media_list) ===== */

.module-media-list .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-media_list .module-media-list .qil-ml-grid {
  display: grid;
  gap: var(--qiling-space-28);
}.qiling-module-scope-media_list .module-media-list .qil-ml-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-media_list .module-media-list .qil-ml-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-media_list .module-media-list .qil-ml-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}.qiling-module-scope-media_list .module-media-list.module-media-list .qil-ml-grid .qil-ml-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qil-ml-card-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  box-shadow: var(--qiling-component-card-shadow);
  display: flex;
  flex-direction: column;
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}.qiling-module-scope-media_list .module-media-list.module-media-list .qil-ml-grid .qil-ml-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.18);
}.qiling-module-scope-media_list .module-media-list .qil-ml-cover-wrap {
  aspect-ratio: 16/9;
  background: var(--qiling-component-surface-alt-bg, var(--color-neutral-100));
}.qiling-module-scope-media_list .module-media-list .qil-ml-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}.qiling-module-scope-media_list .module-media-list .qil-ml-cover.is-fallback {
  display: grid;
  place-items: center;
  font-size: var(--qiling-text-rem-2);
  background: linear-gradient(
    145deg,
    rgba(var(--color-primary-rgb), 0.16),
    rgba(var(--color-info-rgb), 0.16)
  );
}.qiling-module-scope-media_list .module-media-list .qil-ml-body {
  padding: var(--qiling-space-18) var(--qiling-space-18) var(--qiling-space-20);
  display: flex;
  flex: 1;
  flex-direction: column;
}.qiling-module-scope-media_list .module-media-list .qil-ml-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--qiling-space-10);
}.qiling-module-scope-media_list .module-media-list .qil-ml-type,
.qiling-module-scope-media_list .module-media-list .qil-ml-status {
  font-size: var(--qiling-text-rem-0p76);
  border-radius: 999px;
  padding: var(--qiling-space-5) var(--qiling-space-10);
  font-weight: 600;
}.qiling-module-scope-media_list .module-media-list .qil-ml-type {
  background: rgba(var(--color-primary-rgb), 0.08);
  color: var(--qil-ml-accent);
}.qiling-module-scope-media_list .module-media-list .qil-ml-status {
  background: rgba(var(--color-neutral-400-rgb), 0.18);
  color: var(--color-neutral-700);
}.qiling-module-scope-media_list .module-media-list .qil-ml-status.is-doing {
  background: rgba(var(--color-warning-rgb), 0.15);
  color: var(--color-warning-dark);
}.qiling-module-scope-media_list .module-media-list .qil-ml-status.is-done {
  background: rgba(var(--color-success-rgb), 0.15);
  color: var(--color-success-dark);
}.qiling-module-scope-media_list .module-media-list .qil-ml-status.is-wish {
  background: rgba(var(--color-primary-rgb), 0.15);
  color: var(--color-primary-hover);
}.qiling-module-scope-media_list .module-media-list .qil-ml-title {
  margin: var(--qiling-space-14) 0 var(--qiling-space-8);
  color: var(--color-heading);
  font-size: var(--qiling-text-rem-1p08);
  font-weight: 700;
  line-height: 1.45;
}.qiling-module-scope-media_list .module-media-list .qil-ml-creator {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p92);
  line-height: 1.6;
}.qiling-module-scope-media_list .module-media-list .qil-ml-meta {
  margin-top: var(--qiling-space-12);
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-10);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p84);
}.qiling-module-scope-media_list .module-media-list .qil-ml-note {
  margin: var(--qiling-space-12) 0 0;
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p9);
  line-height: 1.72;
  flex: 1;
}.qiling-module-scope-media_list .module-media-list .qil-ml-link {
  display: inline-flex;
  align-items: center;
  margin-top: var(--qiling-space-18);
  color: var(--qil-ml-accent);
  text-decoration: none;
  font-size: var(--qiling-text-rem-0p88);
  font-weight: 600;
}.qiling-module-scope-media_list .module-media-list .qil-ml-link:hover {
  text-decoration: underline;
}html.dark-mode .qiling-module-scope-media_list .module-media-list.module-media-list .qil-ml-grid .qil-ml-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
}@media (max-width: 1024px){.qiling-module-scope-media_list .module-media-list .qil-ml-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (max-width: 767px){.qiling-module-scope-media_list .module-media-list .qil-ml-cols-2,
.qiling-module-scope-media_list .module-media-list .qil-ml-cols-3,
.qiling-module-scope-media_list .module-media-list .qil-ml-cols-4 {
    grid-template-columns: 1fr;
  }
}

.qiling-module-scope-menu .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-menu .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-menu .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-menu .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-menu .features-tab-btn .tab-icon,
.qiling-module-scope-menu .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-menu .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-menu .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-menu .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-menu .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-menu .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-menu .features-tabs-content {
  position: relative;
}.qiling-module-scope-menu .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-menu .features-tab-pane.active {
  display: block;
}.qiling-module-scope-menu .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-menu .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-menu .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-menu .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-menu .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-menu .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-menu .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-menu .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-menu .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-menu .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-menu .features-grid-2,
.qiling-module-scope-menu .features-grid-3,
.qiling-module-scope-menu .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-menu /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-menu .module-decor.d-left {
  left: 0;
}.qiling-module-scope-menu .module-decor.d-right {
  right: 0;
}.qiling-module-scope-menu .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-menu /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-menu .module-decor svg path,
.qiling-module-scope-menu .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-menu /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-menu .module-decor {
    display: none !important;
  }}.qiling-module-scope-menu .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-menu .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-menu .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-menu .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-menu .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-menu /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-menu .ql-travel-cols-2,
.qiling-module-scope-menu .ql-travel-cols-3,
.qiling-module-scope-menu .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-menu .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-menu /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-menu /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-menu .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-menu .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-menu .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-menu .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-menu .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-menu .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-menu /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-menu /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-menu /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-menu [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-menu .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-menu /* =========================================
   新模块：菜单 / 价格表
   ========================================= */
.module-menu {
  position: relative;
  padding: var(--module-padding, var(--qiling-space-80) 0);
}.qiling-module-scope-menu .module-menu .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-menu .module-menu .qiling-menu-container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-24);
}.qiling-module-scope-menu /* 网格布局 (两列) (Grid Layout 2 Columns) */
.module-menu .qiling-menu-grid-2 .qiling-menu-item {
  width: calc(50% - 15px);
  display: flex;
  align-items: flex-start;
  gap: var(--qiling-space-20);
  padding: var(--qiling-space-22);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}.qiling-module-scope-menu .module-menu .qiling-menu-grid-2 .qiling-menu-item:hover {
  transform: translateY(-5px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}.qiling-module-scope-menu /* 列表布局 (简单列表) (List Layout Simple List) */
.module-menu .qiling-menu-list {
  flex-direction: column;
  max-width: var(--qiling-measure-800);
  margin: 0 auto;
}.qiling-module-scope-menu .module-menu .qiling-menu-list .qiling-menu-item {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: var(--qiling-space-20);
  padding: var(--qiling-space-20) var(--qiling-space-22);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
  margin-bottom: 0;
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}.qiling-module-scope-menu .module-menu .qiling-menu-list .qiling-menu-item:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}.qiling-module-scope-menu /* 菜单项内容 (Menu Item Content) */
.module-menu .qiling-menu-img {
  flex-shrink: 0;
  width: 88px;
  height: 88px;
  border-radius: calc(var(--qiling-card-radius) - 6px);
  overflow: hidden;
  background: var(
    --qiling-component-surface-alt-bg,
    var(--qiling-color-f3f4f6)
  );
  border: 1px solid var(--qiling-component-post-card-border);
}.qiling-module-scope-menu .module-menu .qiling-menu-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}.qiling-module-scope-menu .module-menu .qiling-menu-content {
  flex: 1;
  min-width: 0;
}.qiling-module-scope-menu .module-menu .qiling-menu-header {
  display: flex;
  align-items: baseline;
  margin-bottom: var(--qiling-space-6);
}.qiling-module-scope-menu .module-menu .qiling-menu-name {
  margin: 0;
  font-size: var(--qiling-text-rem-1p125);
  font-weight: 700;
  color: var(--color-heading);
  line-height: 1.4;
  position: relative;
  padding-right: var(--qiling-space-10);
}.qiling-module-scope-menu .module-menu .qiling-menu-badge {
  display: inline-block;
  padding: var(--qiling-space-4) var(--qiling-space-9);
  background: var(--menu-accent, var(--qiling-color-eab308));
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-rem-0p72);
  border-radius: 999px;
  margin-left: var(--qiling-space-8);
  vertical-align: middle;
  font-weight: 600;
}.qiling-module-scope-menu .module-menu .qiling-menu-dots {
  flex: 1;
  border-bottom: 1px dotted var(--qiling-color-d1d5db);
  margin: 0 var(--qiling-space-10);
  position: relative;
  top: -5px;
}.qiling-module-scope-menu /* 在网格卡片视图中隐藏圆点，在列表/简单视图中显示 (Hide dots in grid card view, show in list/simple view) */
.module-menu .qiling-menu-grid-2 .qiling-menu-dots {
  display: none;
}.qiling-module-scope-menu .module-menu .qiling-menu-grid-2 .qiling-menu-header {
  justify-content: space-between;
}.qiling-module-scope-menu .module-menu .qiling-menu-price {
  font-size: var(--qiling-text-rem-1p125);
  font-weight: 700;
  color: var(--menu-accent, var(--qiling-color-eab308));
}.qiling-module-scope-menu .module-menu .qiling-menu-desc {
  font-size: var(--qiling-text-rem-0p9);
  color: var(--color-text-muted);
  line-height: 1.72;
}html.dark-mode .qiling-module-scope-menu .module-menu .qiling-menu-grid-2 .qiling-menu-item,
html.dark-mode .qiling-module-scope-menu .module-menu .qiling-menu-list .qiling-menu-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-menu .module-menu .qiling-menu-name {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-menu .module-menu .qiling-menu-desc {
  color: var(--color-text-muted);
}.qiling-module-scope-menu /* 响应式菜单 (Responsive Menu) */
@media (max-width: 768px) {
  .module-menu .qiling-menu-grid-2 .qiling-menu-item {
    width: 100%;
  }

  .module-menu .qiling-menu-grid-2 .qiling-menu-item,
  .module-menu .qiling-menu-list .qiling-menu-item {
    padding: var(--qiling-space-18);
  }
}

.qiling-module-scope-micro_journal_stream .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-micro_journal_stream .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-micro_journal_stream .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-micro_journal_stream .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-micro_journal_stream .features-tab-btn .tab-icon,
.qiling-module-scope-micro_journal_stream .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-micro_journal_stream .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-micro_journal_stream .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-micro_journal_stream .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-micro_journal_stream .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-micro_journal_stream .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-micro_journal_stream .features-tabs-content {
  position: relative;
}.qiling-module-scope-micro_journal_stream .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-micro_journal_stream .features-tab-pane.active {
  display: block;
}.qiling-module-scope-micro_journal_stream .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-micro_journal_stream .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-micro_journal_stream .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-micro_journal_stream .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-micro_journal_stream .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-micro_journal_stream .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-micro_journal_stream .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-micro_journal_stream .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-micro_journal_stream .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-micro_journal_stream .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-micro_journal_stream .features-grid-2,
.qiling-module-scope-micro_journal_stream .features-grid-3,
.qiling-module-scope-micro_journal_stream .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-micro_journal_stream /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-micro_journal_stream .module-decor.d-left {
  left: 0;
}.qiling-module-scope-micro_journal_stream .module-decor.d-right {
  right: 0;
}.qiling-module-scope-micro_journal_stream .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-micro_journal_stream /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-micro_journal_stream .module-decor svg path,
.qiling-module-scope-micro_journal_stream .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-micro_journal_stream /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-micro_journal_stream .module-decor {
    display: none !important;
  }}.qiling-module-scope-micro_journal_stream .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-micro_journal_stream .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-micro_journal_stream .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-micro_journal_stream .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-micro_journal_stream .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-micro_journal_stream /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-micro_journal_stream .ql-travel-cols-2,
.qiling-module-scope-micro_journal_stream .ql-travel-cols-3,
.qiling-module-scope-micro_journal_stream .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-micro_journal_stream .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-micro_journal_stream /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-micro_journal_stream /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-micro_journal_stream .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-micro_journal_stream .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-micro_journal_stream .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-micro_journal_stream .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-micro_journal_stream .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-micro_journal_stream .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-micro_journal_stream /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-micro_journal_stream /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-micro_journal_stream /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-micro_journal_stream [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-micro_journal_stream .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-micro_journal_stream /* ===== 微日志流 (micro_journal_stream) ===== */

.module-micro-journal-stream .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-list {
  position: relative;
  padding-left: var(--qiling-space-30);
  max-width: var(--qiling-measure-820);
  margin: 0 auto;
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-list::before {
  content: "";
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 9px;
  width: 3px;
  background: linear-gradient(
    180deg,
    rgba(var(--color-primary-rgb), 0.18) 0%,
    var(--qil-mjs-line) 50%,
    rgba(var(--color-primary-rgb), 0.18) 100%
  );
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-item {
  position: relative;
  margin-bottom: var(--qiling-space-18);
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-point {
  position: absolute;
  left: -23px;
  top: 18px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--qil-mjs-line);
  box-shadow: 0 0 0 5px rgba(var(--color-primary-rgb), 0.14);
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qil-mjs-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-18) var(--qiling-space-18) var(--qiling-space-16);
  box-shadow: var(--qiling-component-card-shadow);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-card:hover {
  transform: translateY(-3px);
  border-color: rgba(var(--color-primary-rgb), 0.18);
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--qiling-space-10);
  margin-bottom: var(--qiling-space-10);
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-mood {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-34);
  min-height: 34px;
  padding: var(--qiling-space-6);
  border-radius: 999px;
  background: rgba(var(--color-primary-rgb), 0.08);
  box-shadow: inset 0 0 0 1px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-datetime {
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p82);
  line-height: 1.4;
  padding: var(--qiling-space-4) var(--qiling-space-10);
  border-radius: 999px;
  background: rgba(var(--color-primary-rgb), 0.06);
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-content {
  color: var(--color-heading);
  font-size: var(--qiling-text-rem-0p95);
  line-height: 1.78;
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-location {
  margin-top: var(--qiling-space-12);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p84);
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-image {
  display: block;
  width: 100%;
  max-height: 260px;
  object-fit: cover;
  border-radius: calc(var(--qiling-card-radius) - 6px);
  margin-top: var(--qiling-space-14);
  border: 1px solid var(--qiling-component-post-card-border);
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-link {
  display: inline-flex;
  margin-top: var(--qiling-space-14);
  font-size: var(--qiling-text-rem-0p86);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-link:hover {
  text-decoration: underline;
}.qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-item:last-child {
  margin-bottom: 0;
}html.dark-mode .qiling-module-scope-micro_journal_stream .module-micro-journal-stream .qil-mjs-card {
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}

.qiling-module-scope-multi_image_text .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-multi_image_text .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-multi_image_text .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-multi_image_text .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-multi_image_text .features-tab-btn .tab-icon,
.qiling-module-scope-multi_image_text .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-multi_image_text .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-multi_image_text .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-multi_image_text .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-multi_image_text .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-multi_image_text .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-multi_image_text .features-tabs-content {
  position: relative;
}.qiling-module-scope-multi_image_text .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-multi_image_text .features-tab-pane.active {
  display: block;
}.qiling-module-scope-multi_image_text .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-multi_image_text .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-multi_image_text .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-multi_image_text .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-multi_image_text .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-multi_image_text .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-multi_image_text .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-multi_image_text .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-multi_image_text .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-multi_image_text .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-multi_image_text .features-grid-2,
.qiling-module-scope-multi_image_text .features-grid-3,
.qiling-module-scope-multi_image_text .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-multi_image_text /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-multi_image_text .module-decor.d-left {
  left: 0;
}.qiling-module-scope-multi_image_text .module-decor.d-right {
  right: 0;
}.qiling-module-scope-multi_image_text .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-multi_image_text /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-multi_image_text .module-decor svg path,
.qiling-module-scope-multi_image_text .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-multi_image_text /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-multi_image_text .module-decor {
    display: none !important;
  }}.qiling-module-scope-multi_image_text .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-multi_image_text .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-multi_image_text .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-multi_image_text .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-multi_image_text .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-multi_image_text /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-multi_image_text .ql-travel-cols-2,
.qiling-module-scope-multi_image_text .ql-travel-cols-3,
.qiling-module-scope-multi_image_text .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-multi_image_text .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-multi_image_text /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-multi_image_text /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-multi_image_text .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-multi_image_text .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-multi_image_text .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-multi_image_text .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-multi_image_text .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-multi_image_text .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-multi_image_text /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-multi_image_text /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-multi_image_text /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-multi_image_text [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-multi_image_text .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-multi_image_text /* ===== 多图文模块 (Multi-Image Text Module) ===== */
.module-multi-image-text {
  position: relative;
  overflow: hidden;
}.qiling-module-scope-multi_image_text .module-multi-image-text .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-multi_image_text .mit-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--qiling-space-72);
  align-items: center;
}.qiling-module-scope-multi_image_text .mit-container.layout-right {
  direction: rtl;
}.qiling-module-scope-multi_image_text .mit-container.layout-right .mit-image-area,
.qiling-module-scope-multi_image_text .mit-container.layout-right .mit-text-area {
  direction: ltr;
}.qiling-module-scope-multi_image_text /* 图片区域 (Image Area) */
.mit-image-wrapper {
  position: relative;
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-multi_image_text .mit-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.4s ease;
}.qiling-module-scope-multi_image_text .mit-image.active {
  position: relative;
  opacity: 1;
  z-index: 2;
}.qiling-module-scope-multi_image_text .mit-img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4/3;
  object-fit: cover;
}.qiling-module-scope-multi_image_text .mit-placeholder {
  aspect-ratio: 4/3;
  display: flex;
  align-items: center;
  justify-content: center;
}.qiling-module-scope-multi_image_text .mit-placeholder-icon {
  font-size: var(--qiling-text-rem-4);
}.qiling-module-scope-multi_image_text /* 文本区域 (Text Area) */
.mit-item {
  margin-bottom: var(--qiling-space-18);
  border-radius: var(--qiling-card-radius);
  cursor: pointer;
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease;
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-left: 4px solid var(--qiling-color-transparent);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-multi_image_text .mit-item-inner {
  display: flex;
  align-items: flex-start;
  gap: var(--qiling-space-16);
  padding: var(--qiling-space-24) var(--qiling-space-26);
}.qiling-module-scope-multi_image_text .mit-item.active,
.qiling-module-scope-multi_image_text .mit-item:hover {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.06) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border-color: rgba(var(--color-primary-rgb), 0.18);
  border-left-color: var(--color-primary);
  transform: translateY(-2px);
}.qiling-module-scope-multi_image_text .mit-icon {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--qiling-text-rem-1p5);
  background: var(--qiling-gradient-brand);
  color: var(--color-text-inverse);
  border-radius: 14px;
  transition: transform 0.3s ease;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-multi_image_text .mit-item:hover .mit-icon,
.qiling-module-scope-multi_image_text .mit-item.active .mit-icon {
  transform: scale(1.1);
}.qiling-module-scope-multi_image_text .mit-content {
  flex: 1;
}.qiling-module-scope-multi_image_text .mit-title {
  font-size: var(--qiling-text-rem-1p12);
  font-weight: 700;
  margin: 0 0 var(--qiling-space-8) 0;
  color: var(--color-heading);
  line-height: 1.45;
}.qiling-module-scope-multi_image_text .mit-title a {
  color: inherit;
  text-decoration: none;
}.qiling-module-scope-multi_image_text .mit-desc {
  margin: 0;
  line-height: 1.72;
  font-size: var(--qiling-text-rem-0p95);
  color: var(--color-text-muted);
}.qiling-module-scope-multi_image_text /* 响应式 (Responsive) */
@media (max-width: 991px) {
  .mit-container,
  .mit-container.layout-right {
    grid-template-columns: 1fr;
    direction: ltr;
    gap: var(--qiling-space-40);
  }

  .mit-item-inner {
    padding: var(--qiling-space-20);
  }
}@media (max-width: 640px){.qiling-module-scope-multi_image_text .mit-item-inner {
    flex-direction: column;
  }.qiling-module-scope-multi_image_text .mit-icon {
    margin-bottom: var(--qiling-space-8);
  }
}.qiling-module-scope-multi_image_text /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-multi-image-text {
  background-color: var(--color-neutral-900) !important;
  background-image: none !important;
  /* 覆盖潜在的亮色模式渐变 (Override potential light mode gradient) */
}html.dark-mode .qiling-module-scope-multi_image_text .module-multi-image-text .section-title {
  color: var(--qds-title-color, var(--qiling-module-title, var(--color-heading)));
}html.dark-mode .qiling-module-scope-multi_image_text .module-multi-image-text .section-subtitle {
  color: var(--qds-subtitle-color, var(--qiling-module-subtitle, var(--color-text-muted)));
}html.dark-mode .qiling-module-scope-multi_image_text .mit-item.active,
html.dark-mode .qiling-module-scope-multi_image_text .mit-item:hover {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.06) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  /* 这里通常不需要 !important，除非存在内联背景 (No !important needed here usually unless inline bg exists) */
}html.dark-mode .qiling-module-scope-multi_image_text .mit-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-multi_image_text .mit-image-wrapper {
  background: var(
    --qiling-component-post-card-bg-dark,
    var(--qiling-component-post-card-bg)
  );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
  box-shadow: var(--qiling-component-post-card-shadow);
}html.dark-mode .qiling-module-scope-multi_image_text .mit-title {
  color: var(--color-heading) !important;
}html.dark-mode .qiling-module-scope-multi_image_text .mit-title a {
  color: var(--color-heading) !important;
}html.dark-mode .qiling-module-scope-multi_image_text .mit-desc {
  color: var(--color-text-muted) !important;
}

.qiling-module-scope-news .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-news .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-news .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-news .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-news .features-tab-btn .tab-icon,
.qiling-module-scope-news .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-news .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-news .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-news .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-news .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-news .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-news .features-tabs-content {
  position: relative;
}.qiling-module-scope-news .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-news .features-tab-pane.active {
  display: block;
}.qiling-module-scope-news .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-news .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-news .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-news .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-news .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-news .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-news .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-news .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-news .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-news .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-news .features-grid-2,
.qiling-module-scope-news .features-grid-3,
.qiling-module-scope-news .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-news /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-news .module-decor.d-left {
  left: 0;
}.qiling-module-scope-news .module-decor.d-right {
  right: 0;
}.qiling-module-scope-news .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-news /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-news .module-decor svg path,
.qiling-module-scope-news .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-news /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-news .module-decor {
    display: none !important;
  }}.qiling-module-scope-news .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-news .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-news .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-news .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-news .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-news /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-news .ql-travel-cols-2,
.qiling-module-scope-news .ql-travel-cols-3,
.qiling-module-scope-news .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-news .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-news /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-news /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-news .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-news .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-news .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-news .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-news .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-news .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-news /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-news /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-news /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-news [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-news .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-news .module-news .category-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--qiling-space-12);
  margin-bottom: var(--qiling-space-34);
}.qiling-module-scope-news .module-news .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-news .module-news .section-title {
  color: var(--news-section-title-color, var(--qds-title-color, var(--qiling-module-title, var(--qiling-component-module-title-color)))) !important;
}.qiling-module-scope-news .module-news .tab-btn {
  margin: 0;
  padding: var(--qiling-space-10) var(--qiling-space-18);
  border: 1px solid var(--color-primary);
  border-radius: 20px;
  background: var(--qiling-color-transparent);
  color: var(--color-primary);
  font-weight: 600;
  cursor: pointer;
  transition:
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    transform 0.22s ease;
}.qiling-module-scope-news .module-news .tab-btn:hover,
.qiling-module-scope-news .module-news .tab-btn.active {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-text-inverse);
}.qiling-module-scope-news .module-news .news-grid {
  display: grid;
  gap: var(--qiling-space-28);
  grid-template-columns: var(--news-grid-template, repeat(3, minmax(0, 1fr)));
}.qiling-module-scope-news .module-news.module-news .news-grid .news-card {
  height: 100%;
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-primary-rgb), 0) 100%
    ),
    var(--qiling-component-post-card-bg);
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}.qiling-module-scope-news .module-news .news-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.16);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-news .module-news .news-thumb {
  display: block;
  height: var(--news-image-height, 216px);
  overflow: hidden;
  background: var(--color-surface-alt);
}.qiling-module-scope-news .module-news .news-thumb img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
}.qiling-module-scope-news .module-news .news-thumb-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    135deg,
    var(--color-surface-alt) 0%,
    rgba(var(--color-primary-rgb), 0.08) 100%
  );
  color: var(--color-neutral-400);
}.qiling-module-scope-news .module-news .news-thumb-placeholder .dashicons {
  width: 3rem;
  height: 3rem;
  font-size: var(--qiling-text-rem-3);
}.qiling-module-scope-news .module-news .news-content {
  padding: var(--qiling-space-18) var(--qiling-space-18) var(--qiling-space-20);
  display: flex;
  flex-direction: column;
  height: 100%;
}.qiling-module-scope-news .module-news .news-title {
  margin: var(--qiling-space-10) 0 var(--qiling-space-12);
  color: var(--news-card-title-color, var(--qds-title-color, var(--qiling-module-title, var(--qiling-component-post-card-title-color)))) !important;
  font-size: var(--qiling-text-rem-1p0625);
  font-weight: 700;
  line-height: 1.45;
}.qiling-module-scope-news .module-news .news-title a {
  color: inherit !important;
}.qiling-module-scope-news .module-news .news-excerpt {
  color: var(--color-text-muted);
  line-height: 1.7;
  flex: 1;
}.qiling-module-scope-news .module-news .news-more-wrap {
  margin-top: var(--qiling-space-36);
}.qiling-module-scope-news .module-news .news-more-link {
  display: inline-block;
  padding: var(--qiling-space-10) var(--qiling-space-30);
  background: var(--news-button-bg, var(--qiling-module-button-bg, var(--qiling-component-button-bg, var(--color-primary))));
  border: 2px solid var(--news-button-border, var(--news-button-bg, var(--qiling-module-button-bg, var(--qiling-component-button-border, var(--color-primary)))));
  border-radius: 25px;
  color: var(--news-button-text, #ffffff);
  text-decoration: none;
  transition:
    background-color 0.22s ease,
    color 0.22s ease,
    border-color 0.22s ease;
}.qiling-module-scope-news .module-news .news-more-link:hover {
  background: var(--news-button-hover-bg, var(--qiling-module-button-hover-bg, var(--qiling-component-button-hover-bg, var(--color-primary-hover))));
  border-color: var(--news-button-hover-border, var(--news-button-hover-bg, var(--qiling-module-button-hover-bg, var(--qiling-component-button-hover-border, var(--color-primary-hover)))));
  color: var(--news-button-hover-text, #ffffff);
}@media (max-width: 1024px){.qiling-module-scope-news .module-news .news-grid {
    grid-template-columns: var(
      --news-grid-template-tablet,
      repeat(2, minmax(0, 1fr))
    );
  }
}@media (max-width: 767px){.qiling-module-scope-news .module-news .news-grid {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-18);
  }
}html.dark-mode .qiling-module-scope-news .module-news.module-news .news-grid .news-card {
  background: var(
    --qiling-component-post-card-bg-dark,
    var(--qiling-component-post-card-bg)
  );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}.qiling-module-scope-news .module-news.module-news .news-more-link {
  color: var(--news-button-text, #ffffff);
}.qiling-module-scope-news .module-news.module-news .news-more-link:hover {
  color: var(--news-button-hover-text, #ffffff);
}

.qiling-module-scope-pet_profile .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-pet_profile .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-pet_profile .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-pet_profile .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-pet_profile .features-tab-btn .tab-icon,
.qiling-module-scope-pet_profile .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-pet_profile .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-pet_profile .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-pet_profile .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-pet_profile .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-pet_profile .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-pet_profile .features-tabs-content {
  position: relative;
}.qiling-module-scope-pet_profile .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-pet_profile .features-tab-pane.active {
  display: block;
}.qiling-module-scope-pet_profile .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-pet_profile .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-pet_profile .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-pet_profile .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-pet_profile .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-pet_profile .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-pet_profile .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-pet_profile .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-pet_profile .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-pet_profile .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-pet_profile .features-grid-2,
.qiling-module-scope-pet_profile .features-grid-3,
.qiling-module-scope-pet_profile .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-pet_profile /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-pet_profile .module-decor.d-left {
  left: 0;
}.qiling-module-scope-pet_profile .module-decor.d-right {
  right: 0;
}.qiling-module-scope-pet_profile .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-pet_profile /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-pet_profile .module-decor svg path,
.qiling-module-scope-pet_profile .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-pet_profile /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-pet_profile .module-decor {
    display: none !important;
  }}.qiling-module-scope-pet_profile .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-pet_profile .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-pet_profile .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-pet_profile .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-pet_profile .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-pet_profile /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-pet_profile .ql-travel-cols-2,
.qiling-module-scope-pet_profile .ql-travel-cols-3,
.qiling-module-scope-pet_profile .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-pet_profile .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-pet_profile /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-pet_profile /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-pet_profile .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-pet_profile .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-pet_profile .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-pet_profile .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-pet_profile .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-pet_profile .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-pet_profile /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-pet_profile /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-pet_profile /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-pet_profile [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-pet_profile .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-pet_profile /* =========================================
   新模块：宠物资料 / 领养
   ========================================= */
.module-pet-profile {
  padding: var(--module-padding, var(--qiling-space-80) 0);
  position: relative;
}.qiling-module-scope-pet_profile .module-pet-profile .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-grid {
  display: grid;
  gap: var(--qiling-space-24);
  position: relative;
  z-index: 1;
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-grid.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-grid.grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}.qiling-module-scope-pet_profile /* 宠物卡片 (Pet Card) */
.module-pet-profile .qiling-pet-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.04) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--pet-card-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
  text-decoration: none;
  /* 如果是锚点 (If anchor) */
  display: flex;
  flex-direction: column;
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-card:hover {
  transform: translateY(-5px);
  border-color: rgba(var(--color-primary-rgb), 0.22);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-pet_profile /* 图片区域 (Image Area) */
.module-pet-profile .qiling-pet-image {
  position: relative;
  width: 100%;
  padding-top: var(--qiling-space-pct-100);
  /* 1:1 宽高比 (方形) 通常在个人资料网格中看起来最好 (1:1 Aspect Ratio Square usually looks best for profile grids) */
  background: var(
    --qiling-component-surface-alt-bg,
    var(--qiling-color-f8f8f8)
  );
  overflow: hidden;
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-card:hover .qiling-pet-image img {
  transform: scale(1.05);
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--color-neutral-400-rgb), 0.5);
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-placeholder .dashicons {
  font-size: var(--qiling-text-48);
  width: 48px;
  height: 48px;
}.qiling-module-scope-pet_profile /* 状态徽章 (Status Badge) */
.module-pet-profile .qiling-pet-status {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: var(--qiling-space-5) var(--qiling-space-11);
  border-radius: 999px;
  font-size: var(--qiling-text-rem-0p75);
  font-weight: 600;
  color: var(--color-text-inverse);
  background: var(--qiling-color-rgba-0-0-0-05);
  backdrop-filter: blur(4px);
  z-index: 2;
  box-shadow: 0 10px 20px var(--qiling-color-rgba-15-23-42-016);
}.qiling-module-scope-pet_profile .module-pet-profile .status-available .qiling-pet-status {
  background: var(--pet-primary, var(--color-accent));
}.qiling-module-scope-pet_profile .module-pet-profile .status-reserved .qiling-pet-status {
  background: var(--color-warning);
  /* 琥珀色 (Amber) */
}.qiling-module-scope-pet_profile .module-pet-profile .status-adopted .qiling-pet-status {
  background: var(--qiling-color-9ca3af);
  /* 灰色 (Grey) */
}.qiling-module-scope-pet_profile /* 内容区域 (Content Area) */
.module-pet-profile .qiling-pet-content {
  padding: var(--qiling-space-20);
  flex: 1;
  display: flex;
  flex-direction: column;
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--qiling-space-8);
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-name {
  margin: 0;
  font-size: var(--qiling-text-rem-1p25);
  font-weight: 700;
  color: var(--color-heading);
  display: flex;
  align-items: center;
  gap: var(--qiling-space-6);
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-gender {
  font-size: var(--qiling-text-rem-1);
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--color-text-inverse);
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-gender.male {
  background: var(--color-info);
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-gender.female {
  background: var(--color-accent);
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-price {
  font-weight: 700;
  color: var(--pet-primary, var(--color-accent));
  font-size: var(--qiling-text-rem-1p1);
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-meta {
  display: flex;
  gap: var(--qiling-space-15);
  font-size: var(--qiling-text-rem-0p875);
  color: var(--color-text-muted);
  margin-bottom: var(--qiling-space-15);
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-meta .meta-item {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-4);
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-meta .dashicons {
  font-size: var(--qiling-text-16);
  width: 16px;
  height: 16px;
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-tags {
  margin-top: auto;
  /* 推到底部 (Push to bottom) */
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-6);
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-tag {
  display: inline-block;
  padding: var(--qiling-space-4) var(--qiling-space-10);
  background: var(--qiling-component-badge-bg);
  border: 1px solid var(--qiling-color-transparent);
  color: var(--qiling-component-badge-text);
  font-size: var(--qiling-text-rem-0p75);
  border-radius: 999px;
}.qiling-module-scope-pet_profile /* 已领养状态：使卡片略微变暗 (Adopted State: Dim the card slightly) */
.module-pet-profile .qiling-pet-card.status-adopted {
  opacity: 0.8;
}.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-card.status-adopted .qiling-pet-image img {
  filter: grayscale(100%);
}html.dark-mode .qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      var(--qiling-color-rgba-15-23-42-0) 100%
    ),
    var(
      --pet-card-bg,
      var(--qiling-component-card-bg-dark, var(--color-neutral-800))
    );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
}html.dark-mode .qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-tag {
  background: var(--qiling-component-badge-bg);
  border-color: var(--qiling-color-transparent);
  color: var(--qiling-component-badge-text);
}.qiling-module-scope-pet_profile /* 响应式 (Responsive) */
@media (max-width: 1024px) {
  .module-pet-profile .qiling-pet-grid.grid-cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .module-pet-profile .qiling-pet-grid.grid-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}@media (max-width: 640px){.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-grid.grid-cols-4,
.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-grid.grid-cols-3 {
    grid-template-columns: 1fr;
    /* 移动端单列 (Single column on mobile) */
  }.qiling-module-scope-pet_profile .module-pet-profile .qiling-pet-card {
    flex-direction: column;
  }
}.qiling-module-scope-pet_profile .swiper-pagination-bullet-active {
  background: var(--color-primary);
}

@keyframes pmFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes pmSpin {
  to {
    transform: rotate(360deg);
  }
}.qiling-module-scope-pet_profile /* ========================================
   旅行社专用模块样式 (v1.0.3)
   前缀: ql-travel- 确保不与其他模块冲突
   ======================================== */

/* ----------------------------------------
   通用网格布局
   ---------------------------------------- */
.ql-travel-cols-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--qiling-space-30);
}.qiling-module-scope-pet_profile .ql-travel-cols-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--qiling-space-30);
}.qiling-module-scope-pet_profile .ql-travel-cols-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--qiling-space-24);
}.qiling-module-scope-pet_profile .ql-travel-badge-hot {
  background: var(--qiling-gradient-error);
}.qiling-module-scope-pet_profile .ql-travel-badge-recommend {
  background: var(--qiling-gradient-accent);
}.qiling-module-scope-pet_profile .ql-travel-badge-discount {
  background: linear-gradient(
    135deg,
    var(--color-accent) 0%,
    var(--color-accent-dark) 100%
  );
}.qiling-module-scope-pet_profile .ql-travel-badge-new {
  background: var(--qiling-gradient-success);
}.qiling-module-scope-pet_profile /* 简约风格 */
.ql-travel-style-minimal {
  border: 1px solid var(--color-neutral-200);
  box-shadow: none;
}.qiling-module-scope-pet_profile .ql-travel-style-minimal:hover {
  border-color: var(--color-primary, var(--color-primary));
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
}html.dark-mode .qiling-module-scope-pet_profile .ql-travel-style-minimal {
  border-color: var(--dm-border, var(--color-neutral-700));
}.qiling-module-scope-pet_profile .ql-hotel-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}.qiling-module-scope-pet_profile .ql-hotel-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

@keyframes ql-hotel-fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.qiling-module-scope-pricing .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-pricing .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-pricing .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-pricing .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-pricing .features-tab-btn .tab-icon,
.qiling-module-scope-pricing .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-pricing .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-pricing .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-pricing .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-pricing .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-pricing .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-pricing .features-tabs-content {
  position: relative;
}.qiling-module-scope-pricing .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-pricing .features-tab-pane.active {
  display: block;
}.qiling-module-scope-pricing .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-pricing .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-pricing .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-pricing .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-pricing .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-pricing .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-pricing .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-pricing .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-pricing .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-pricing .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-pricing .features-grid-2,
.qiling-module-scope-pricing .features-grid-3,
.qiling-module-scope-pricing .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-pricing /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-pricing .module-decor.d-left {
  left: 0;
}.qiling-module-scope-pricing .module-decor.d-right {
  right: 0;
}.qiling-module-scope-pricing .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-pricing /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-pricing .module-decor svg path,
.qiling-module-scope-pricing .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-pricing /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-pricing .module-decor {
    display: none !important;
  }}.qiling-module-scope-pricing .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-pricing .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-pricing .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-pricing .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-pricing .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-pricing /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-pricing .ql-travel-cols-2,
.qiling-module-scope-pricing .ql-travel-cols-3,
.qiling-module-scope-pricing .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-pricing .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-pricing /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-pricing /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-pricing .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-pricing .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-pricing .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-pricing .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-pricing .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-pricing .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-pricing /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-pricing /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-pricing /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-pricing [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-pricing .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-pricing /* ===== 定价模块 (Pricing Module) ===== */
.module-pricing {
  overflow: hidden;
}.qiling-module-scope-pricing .module-pricing .section-header {
  margin-bottom: var(--qiling-space-46);
}.qiling-module-scope-pricing .pricing-grid {
  display: grid;
  gap: var(--qiling-space-32);
  align-items: stretch;
}.qiling-module-scope-pricing .pricing-connected-shell {
  position: relative;
  overflow: visible;
  background: var(--qiling-module-card-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-module-card-border, var(--qiling-component-card-border));
  border-radius: var(--qiling-module-card-radius, var(--qiling-card-radius));
  box-shadow: var(--qiling-module-card-shadow, var(--qiling-component-card-shadow));
}.qiling-module-scope-pricing .pricing-connected-shell .pricing-grid {
  gap: 0;
}.qiling-module-scope-pricing /* Col 类通常是共享的，但在这里定义以便在需要时具有特殊性 (Col classes are generally shared, but defined here for specificity if needed) */
.pricing-grid.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}.qiling-module-scope-pricing .pricing-grid.grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}.qiling-module-scope-pricing .pricing-card {
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-44) var(--qiling-space-28) var(--qiling-space-32);
  text-align: center;
  box-shadow: var(--qiling-component-card-shadow);
  transition:
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  display: flex;
  flex-direction: column;
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-primary-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
}.qiling-module-scope-pricing .pricing-connected-shell .pricing-card {
  min-width: 0;
  background: transparent;
  border: 0;
  border-right: 1px solid var(--qiling-module-card-border, var(--qiling-component-card-border));
  border-radius: 0;
  box-shadow: none;
  transform: none;
}.qiling-module-scope-pricing .pricing-connected-shell .pricing-card:last-child {
  border-right: 0;
}.qiling-module-scope-pricing .pricing-card:hover {
  transform: translateY(-10px);
  box-shadow: var(--qiling-component-card-shadow);
  z-index: 10;
}.qiling-module-scope-pricing .pricing-card.pricing-featured {
  transform: scale(1.03);
  z-index: 5;
  box-shadow: var(--qiling-component-card-shadow);
  border: 2px solid var(--qiling-component-button-border, var(--color-primary));
}.qiling-module-scope-pricing .pricing-card.pricing-featured:hover {
  transform: scale(1.03) translateY(-10px);
}.qiling-module-scope-pricing .pricing-connected-shell .pricing-card.pricing-featured {
  background: color-mix(in srgb, var(--qiling-module-primary, var(--color-primary)) 7%, transparent);
  border-top: 3px solid var(--qiling-module-primary, var(--color-primary));
  transform: none;
}.qiling-module-scope-pricing .pricing-connected-shell .pricing-card:hover,
.qiling-module-scope-pricing .pricing-connected-shell .pricing-card.pricing-featured:hover {
  background: color-mix(in srgb, var(--qiling-module-primary, var(--color-primary)) 5%, transparent);
  box-shadow: none;
  transform: none;
}.qiling-module-scope-pricing .pricing-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--qiling-component-badge-text);
  padding: var(--qiling-space-6) var(--qiling-space-20);
  border-radius: 999px;
  font-size: var(--qiling-text-rem-0p85);
  font-weight: 600;
  background: var(--qiling-component-badge-bg);
  box-shadow: none;
}.qiling-module-scope-pricing .pricing-name {
  font-size: var(--qiling-text-rem-1p5);
  font-weight: 700;
  margin-bottom: var(--qiling-space-12);
  color: var(--color-heading);
}.qiling-module-scope-pricing .pricing-desc {
  font-size: var(--qiling-text-rem-0p9);
  margin-bottom: var(--qiling-space-22);
  line-height: 1.7;
  color: var(--color-text-muted);
}.qiling-module-scope-pricing .pricing-price-box {
  margin-bottom: var(--qiling-space-28);
}.qiling-module-scope-pricing .pricing-price {
  font-size: var(--qiling-text-rem-3);
  font-weight: 700;
  line-height: 1;
}.qiling-module-scope-pricing .pricing-period {
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-1);
  margin-left: var(--qiling-space-5);
}.qiling-module-scope-pricing .pricing-features {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--qiling-space-30);
  text-align: left;
  flex-grow: 1;
}.qiling-module-scope-pricing .pricing-features li {
  padding: var(--qiling-space-12) 0;
  border-bottom: 1px solid var(--qiling-component-card-border);
  display: flex;
  align-items: center;
  gap: var(--qiling-space-10);
  /* 颜色：由下面的内联旧代码或暗黑模式处理 (color: handled by inline legacy or dark mode below) */
}.qiling-module-scope-pricing .pricing-features li:last-child {
  border-bottom: none;
}.qiling-module-scope-pricing .pricing-icon {
  flex-shrink: 0;
  display: inline-flex;
}.qiling-module-scope-pricing .pricing-btn {
  display: inline-block;
  width: 100%;
  margin-top: auto;
  padding: var(--qiling-component-button-padding);
  background: var(--qiling-component-button-bg);
  color: var(--pricing-button-text, #ffffff);
  border: 1px solid var(--qiling-component-button-border);
  border-radius: var(--qiling-button-radius);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s;
  cursor: pointer;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-pricing .pricing-btn.btn-featured {
  /* 渐变回退由内联处理 (Gradient fallback handled inline) */
  color: var(--color-text-inverse);
}.qiling-module-scope-pricing .pricing-btn:hover {
  background: var(--qiling-component-button-hover-bg);
  color: var(--pricing-button-hover-text, #ffffff);
  border-color: var(--qiling-component-button-hover-bg);
  transform: translateY(-2px);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-pricing /* 响应式 (Responsive) */
@media (max-width: 992px) {
  .pricing-grid.grid-cols-3,
  .pricing-grid.grid-cols-4 {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: var(--qiling-space-40) !important;
  }

  .pricing-connected-shell .pricing-grid.grid-cols-3,
  .pricing-connected-shell .pricing-grid.grid-cols-4 {
    gap: 0 !important;
  }

  .pricing-connected-shell .pricing-card {
    border-right: 0;
    border-bottom: 1px solid var(--qiling-module-card-border, var(--qiling-component-card-border));
  }

  .pricing-connected-shell .pricing-card:last-child {
    border-bottom: 0;
  }

  .pricing-card.pricing-featured {
    transform: none !important;
    margin: var(--qiling-space-10) 0;
  }

  .pricing-card:hover,
  .pricing-card.pricing-featured:hover {
    transform: translateY(-5px) !important;
  }

  .pricing-connected-shell .pricing-card.pricing-featured,
  .pricing-connected-shell .pricing-card:hover,
  .pricing-connected-shell .pricing-card.pricing-featured:hover {
    margin: 0;
    transform: none !important;
  }
}.qiling-module-scope-pricing /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-pricing {
  border-color: var(--color-neutral-800);
}.qiling-module-scope-pricing /* 定价模块暗黑模式背景和排版覆盖 (Pricing Module Dark Mode Background & Typography Overrides) */
html.dark-mode .module-pricing.bg-type-color {
  background: var(--dm-bg) !important;
  /* 强制深蓝色背景 (Force Dark Blue Background) */
}html.dark-mode .qiling-module-scope-pricing .module-pricing .section-title {
  color: var(
    --qds-title-color,
    var(--qiling-module-title, var(--qiling-component-module-title-color-dark, var(--color-heading)))
  );
}html.dark-mode .qiling-module-scope-pricing .module-pricing .section-subtitle {
  color: var(--qds-subtitle-color, var(--qiling-module-subtitle, var(--color-text-muted)));
}html.dark-mode .qiling-module-scope-pricing .module-pricing > .container > .pricing-grid .pricing-card {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  ) !important;
  box-shadow: var(--qiling-component-card-shadow);
  border: 1px solid
    var(
      --qiling-component-card-border-dark,
      var(--qiling-component-card-border)
    );
}html.dark-mode .qiling-module-scope-pricing .module-pricing > .container > .pricing-grid .pricing-card:hover {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  ) !important;
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-pricing .pricing-name {
  color: var(--color-heading) !important;
}html.dark-mode .qiling-module-scope-pricing .pricing-desc {
  color: var(--color-text-muted) !important;
}html.dark-mode .qiling-module-scope-pricing .pricing-period {
  color: var(--color-text-muted) !important;
}html.dark-mode .qiling-module-scope-pricing .pricing-features li {
  border-bottom-color: rgba(var(--color-surface-rgb), 0.06);
  color: var(--dm-text);
  /* 暗黑模式下的默认文本颜色 (Default text color in dark mode) */
}.qiling-module-scope-pricing /* 如果需要，通过透明度或特定颜色覆盖处理暗黑模式下的排除项逻辑，
   但通用颜色更安全。(Handle excluded items logic in dark mode via opacity or specific color override if needed) */

html.dark-mode .pricing-btn {
  background-color: rgba(var(--color-surface-rgb), 0.1);
  color: var(--color-text-inverse);
}html.dark-mode .qiling-module-scope-pricing .pricing-btn:hover {
  background-color: rgba(var(--color-surface-rgb), 0.2);
}.qiling-module-scope-pricing .module-pricing.module-pricing .pricing-btn {
  color: var(--pricing-button-text, #ffffff);
}.qiling-module-scope-pricing .module-pricing.module-pricing .pricing-btn:hover {
  color: var(--pricing-button-hover-text, #ffffff);
}

.qiling-module-scope-process .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-process .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-process .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-process .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-process .features-tab-btn .tab-icon,
.qiling-module-scope-process .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-process .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-process .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-process .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-process .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-process .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-process .features-tabs-content {
  position: relative;
}.qiling-module-scope-process .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-process .features-tab-pane.active {
  display: block;
}.qiling-module-scope-process .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-process .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-process .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-process .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-process .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-process .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-process .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-process .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-process .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-process .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-process .features-grid-2,
.qiling-module-scope-process .features-grid-3,
.qiling-module-scope-process .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-process /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-process .module-decor.d-left {
  left: 0;
}.qiling-module-scope-process .module-decor.d-right {
  right: 0;
}.qiling-module-scope-process .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-process /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-process .module-decor svg path,
.qiling-module-scope-process .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-process /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-process .module-decor {
    display: none !important;
  }}.qiling-module-scope-process .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-process .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-process .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-process .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-process .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-process /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-process .ql-travel-cols-2,
.qiling-module-scope-process .ql-travel-cols-3,
.qiling-module-scope-process .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-process .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-process /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-process /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-process .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-process .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-process .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-process .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-process .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-process .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-process /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-process /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-process /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-process [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-process .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-process /* 流程模块 (Process Module) */
.module-process {
  position: relative;
  /* 默认背景由主题或特定设置处理 (Default background handled by theme or specific settings) */
}.qiling-module-scope-process .module-process .section-header {
  margin-bottom: var(--qiling-space-46);
}.qiling-module-scope-process .module-process .module-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-component-card-bg-dark, var(--color-heading));
  z-index: 1;
}.qiling-module-scope-process .process-grid {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: var(--qiling-space-24);
  position: relative;
  z-index: 2;
}.qiling-module-scope-process .process-item {
  flex: 1;
  min-width: var(--qiling-measure-250);
  max-width: var(--qiling-measure-300);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--qiling-space-36) var(--qiling-space-24) var(--qiling-space-28);
  text-align: center;
  position: relative;
  box-sizing: border-box;
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--process-card-border, var(--qiling-component-card-border));
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-primary-rgb), 0) 100%
    ),
    var(--process-card-bg, var(--qiling-component-card-bg));
  box-shadow: var(--qiling-component-card-shadow);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}.qiling-module-scope-process .process-item:hover {
  transform: translateY(-6px);
  border-color: var(--process-card-hover-border, rgba(var(--color-primary-rgb), 0.18));
}.qiling-module-scope-process .process-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto var(--qiling-space-20);
  border-radius: 50%;
  /* 背景是动态的 (background is dynamic) */
  color: var(--process-icon-color, var(--color-text-inverse));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--qiling-text-rem-2);
  font-weight: 700;
  box-shadow: var(--qiling-component-card-shadow);
  transition:
    transform 0.3s,
    box-shadow 0.3s;
  position: relative;
  z-index: 2;
}.qiling-module-scope-process .process-item:hover .process-icon {
  transform: translateY(-5px) scale(1.05);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-process .process-arrow {
  position: absolute;
  top: 72px;
  right: -30px;
  width: 40px;
  height: 2px;
  background: linear-gradient(
    90deg,
    var(--process-arrow, var(--color-primary)),
    var(--qiling-color-transparent)
  );
  z-index: 1;
}.qiling-module-scope-process .process-arrow div {
  position: absolute;
  right: 0;
  top: -4px;
  border: solid var(--process-arrow, var(--color-primary));
  border-width: 0 2px 2px 0;
  padding: var(--qiling-space-4);
  transform: rotate(-45deg);
}.qiling-module-scope-process .process-title {
  font-size: var(--qiling-text-rem-1p25);
  font-weight: 700;
  margin: 0 0 var(--qiling-space-10);
  min-height: calc(1.45em * 2);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: var(--color-heading);
  /* 亮色模式默认值 (Default for light mode) */
}.qiling-module-scope-process .process-desc {
  color: var(--color-text-muted);
  /* 柔和的正文文本替换 (Muted body text replacement) */
  font-size: var(--qiling-text-rem-0p9);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 22ch;
  min-height: calc(1.7em * 2.15);
  flex: 1 1 auto;
}.qiling-module-scope-process .process-stage-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--qiling-space-8);
  padding: var(--qiling-space-4) var(--qiling-space-10);
  border-radius: 999px;
  background: var(--qiling-component-badge-bg);
  color: var(--process-badge-text, var(--qiling-component-badge-text));
  border: 1px solid var(--qiling-color-transparent);
  font-size: var(--qiling-text-12);
  font-weight: 600;
}.qiling-module-scope-process .process-meta {
  margin-top: var(--qiling-space-14);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--qiling-space-8);
}.qiling-module-scope-process .process-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-4);
  padding: var(--qiling-space-5) var(--qiling-space-10);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: 999px;
  font-size: var(--qiling-text-12);
  color: var(--qiling-component-badge-text);
  background: var(--qiling-component-badge-bg);
}.qiling-module-scope-process /* 工业流程风格 (Industrial process style) */
.module-process.process-mode-industrial .process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--qiling-space-20);
}.qiling-module-scope-process .module-process.process-mode-industrial .process-item {
  max-width: none;
  min-width: 0;
  text-align: left;
  padding: var(--qiling-space-16) var(--qiling-space-16) var(--qiling-space-18);
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-card-border);
  background: var(--qiling-component-card-bg);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-process .module-process.process-mode-industrial .process-image-wrap {
  margin: var(--qiling-space-neg-16) var(--qiling-space-neg-16)
    var(--qiling-space-14);
  border-radius: 14px 14px 0 0;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: var(--qiling-component-card-bg);
}.qiling-module-scope-process .module-process.process-mode-industrial .process-step-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}.qiling-module-scope-process .module-process.process-mode-industrial .process-icon {
  width: 56px;
  height: 56px;
  margin: 0 0 var(--qiling-space-12);
  font-size: var(--qiling-text-rem-1p2);
}.qiling-module-scope-process .module-process.process-mode-industrial .process-arrow {
  display: none;
}.qiling-module-scope-process .module-process.process-mode-industrial .process-title {
  margin-bottom: var(--qiling-space-8);
}@media (max-width: 1024px){.qiling-module-scope-process .module-process.process-mode-industrial .process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (max-width: 768px){.qiling-module-scope-process .process-grid {
    flex-direction: column !important;
    align-items: center !important;
  }.qiling-module-scope-process .process-item {
    max-width: var(--qiling-measure-pct-100) !important;
  }.qiling-module-scope-process .process-arrow {
    display: none !important;
  }.qiling-module-scope-process .module-process.process-mode-industrial .process-grid {
    grid-template-columns: 1fr;
  }
}.qiling-module-scope-process /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-process {
  background-color: var(--dm-bg) !important;
}html.dark-mode .qiling-module-scope-process .process-title {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-process .process-desc {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-process .process-stage-tag {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
}html.dark-mode .qiling-module-scope-process .process-chip {
  border-color: var(--qiling-color-transparent);
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
}html.dark-mode .qiling-module-scope-process .module-process .process-item {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-process .module-process.process-mode-industrial .process-item {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-process .module-process .section-title {
  color: var(--qiling-component-module-title-color-dark, var(--color-heading));
}html.dark-mode .qiling-module-scope-process .module-process .section-subtitle {
  color: var(--color-text-muted);
}.qiling-module-scope-process [data-qds-card-mode="independent"] .module-process.module-process .process-item {
  background: var(--process-card-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--process-card-border, var(--qiling-component-card-border));
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-process .module-process.module-process .process-item:hover {
  border-color: var(--process-card-hover-border, var(--process-card-border, var(--qiling-component-card-border)));
  box-shadow: var(--qiling-component-card-shadow);
}

.qiling-module-scope-product_showcase .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-product_showcase .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-product_showcase .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-product_showcase .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-product_showcase .features-tab-btn .tab-icon,
.qiling-module-scope-product_showcase .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-product_showcase .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-product_showcase .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-product_showcase .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-product_showcase .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-product_showcase .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-product_showcase .features-tabs-content {
  position: relative;
}.qiling-module-scope-product_showcase .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-product_showcase .features-tab-pane.active {
  display: block;
}.qiling-module-scope-product_showcase .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-product_showcase .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-product_showcase .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-product_showcase .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-product_showcase .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-product_showcase .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-product_showcase .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-product_showcase .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-product_showcase .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-product_showcase .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-product_showcase .features-grid-2,
.qiling-module-scope-product_showcase .features-grid-3,
.qiling-module-scope-product_showcase .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-product_showcase /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-product_showcase .module-decor.d-left {
  left: 0;
}.qiling-module-scope-product_showcase .module-decor.d-right {
  right: 0;
}.qiling-module-scope-product_showcase .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-product_showcase /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-product_showcase .module-decor svg path,
.qiling-module-scope-product_showcase .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-product_showcase /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-product_showcase .module-decor {
    display: none !important;
  }}.qiling-module-scope-product_showcase .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-product_showcase .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-product_showcase .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-product_showcase .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-product_showcase .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-product_showcase /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-product_showcase .ql-travel-cols-2,
.qiling-module-scope-product_showcase .ql-travel-cols-3,
.qiling-module-scope-product_showcase .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-product_showcase .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-product_showcase /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-product_showcase /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-product_showcase .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-product_showcase .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-product_showcase .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-product_showcase .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-product_showcase .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-product_showcase .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-product_showcase /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-product_showcase /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-product_showcase /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-product_showcase [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-product_showcase .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-product_showcase /* ===== 产品展示 (product_showcase) ===== */

/* 全宽背景 */
.module-product-showcase.ps-fullwidth {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: var(--qiling-space-neg-vw-50);
  margin-right: var(--qiling-space-neg-vw-50);
}.qiling-module-scope-product_showcase .module-product-showcase .ps-wrapper {
  display: flex;
  gap: var(--qiling-space-72);
  align-items: center;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-wrapper.ps-reverse {
  flex-direction: row-reverse;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-media-side {
  flex: 1;
  min-width: 0;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-info-side {
  flex: 1;
  min-width: 0;
  padding-top: var(--qiling-space-12);
}.qiling-module-scope-product_showcase .module-product-showcase.module-product-showcase
  .ps-media-side
  .ps-media-carousel {
  position: relative;
  overflow: hidden;
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-product_showcase .module-product-showcase .ps-swiper {
  width: 100%;
  height: 100%;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-swiper .swiper-slide {
  width: 100%;
  height: 100%;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-media-item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-media-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-media-item video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: var(--color-heading);
}.qiling-module-scope-product_showcase .module-product-showcase .ps-media-item iframe {
  width: 100%;
  height: 100%;
  border: 0;
  background: var(--color-heading);
}.qiling-module-scope-product_showcase .module-product-showcase .ds-lazy-embed-product .ds-lazy-embed-poster {
  object-fit: cover;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-media-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-10);
  align-items: center;
  justify-content: center;
  color: var(--color-text-muted);
  background: linear-gradient(
    145deg,
    rgba(var(--color-primary-rgb), 0.08),
    rgba(var(--color-info-rgb), 0.05)
  );
}.qiling-module-scope-product_showcase .module-product-showcase .ps-media-placeholder span {
  font-size: var(--qiling-text-48);
  margin-bottom: var(--qiling-space-12);
}.qiling-module-scope-product_showcase .module-product-showcase .ps-swiper .swiper-pagination {
  bottom: 16px !important;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: var(--qiling-component-tabs-border);
  opacity: 1;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-swiper .swiper-pagination-bullet-active {
  background: var(--qiling-component-tabs-active-border);
  width: 28px;
  border-radius: 999px;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-swiper .swiper-button-prev,
.qiling-module-scope-product_showcase .module-product-showcase .ps-swiper .swiper-button-next {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border: 1px solid var(--qiling-component-button-border);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: var(--qiling-component-button-shadow);
  opacity: 0;
  transition: opacity 0.3s;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-swiper .swiper-button-prev:hover,
.qiling-module-scope-product_showcase .module-product-showcase .ps-swiper .swiper-button-next:hover {
  color: var(--qiling-component-button-hover-text);
  background: var(--qiling-component-button-hover-bg);
  border-color: var(--qiling-component-button-hover-bg);
}.qiling-module-scope-product_showcase .module-product-showcase .ps-media-carousel:hover .swiper-button-prev,
.qiling-module-scope-product_showcase .module-product-showcase .ps-media-carousel:hover .swiper-button-next {
  opacity: 1;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-swiper .swiper-button-prev::after,
.qiling-module-scope-product_showcase .module-product-showcase .ps-swiper .swiper-button-next::after {
  font-size: var(--qiling-text-16);
}.qiling-module-scope-product_showcase .module-product-showcase .ps-left-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-14);
  margin-top: var(--qiling-space-24);
  justify-content: flex-start;
}.qiling-module-scope-product_showcase .module-product-showcase.module-product-showcase
  .ps-left-buttons
  .ps-small-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-6);
  padding: var(--qiling-component-button-padding);
  background: var(--qiling-component-button-bg);
  color: var(--qiling-component-button-text);
  text-decoration: none;
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-14);
  font-weight: 600;
  transition: all 0.3s;
  border: 1px solid var(--qiling-component-button-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-product_showcase .module-product-showcase .ps-small-btn:hover {
  background: var(--qiling-component-button-hover-bg);
  color: var(--qiling-component-button-hover-text);
  border-color: var(--qiling-component-button-hover-bg);
  transform: translateY(-2px);
}.qiling-module-scope-product_showcase .module-product-showcase .ps-title {
  font-size: var(--qiling-text-rem-2p5);
  font-weight: 700;
  color: var(--color-heading);
  margin: 0 0 var(--qiling-space-16) 0;
  line-height: 1.18;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-subtitle {
  font-size: var(--qiling-text-rem-1p1);
  color: var(--qiling-component-badge-text);
  margin-bottom: var(--qiling-space-28);
  padding: var(--qiling-space-9) var(--qiling-space-16);
  background: var(--qiling-component-badge-bg);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: 999px;
  display: inline-block;
  font-weight: 600;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-price-row {
  display: flex;
  align-items: baseline;
  gap: var(--qiling-space-12);
  margin-bottom: var(--qiling-space-28);
}.qiling-module-scope-product_showcase .module-product-showcase .ps-price {
  font-size: var(--qiling-text-rem-2p5);
  font-weight: 700;
  color: var(--color-error);
}.qiling-module-scope-product_showcase .module-product-showcase .ps-original-price {
  font-size: var(--qiling-text-rem-1p1);
  color: var(--color-text-muted);
  text-decoration: line-through;
}.qiling-module-scope-product_showcase .module-product-showcase .ps-cta-wrapper {
  margin-bottom: var(--qiling-space-30);
}.qiling-module-scope-product_showcase .module-product-showcase .ps-cta-btn {
  display: inline-block;
  padding: var(--qiling-component-button-padding);
  font-size: var(--qiling-text-rem-1p1);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--qiling-button-radius);
  background: var(--qiling-component-button-bg);
  color: var(--qiling-component-button-text);
  border: 1px solid var(--qiling-component-button-border);
  transition: all 0.3s;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-product_showcase .module-product-showcase .ps-cta-btn:hover {
  background: var(--qiling-component-button-hover-bg);
  color: var(--qiling-component-button-hover-text);
  border-color: var(--qiling-component-button-hover-bg);
  transform: translateY(-3px);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-product_showcase .module-product-showcase.module-product-showcase .ps-info-side .ps-description {
  padding: var(--qiling-space-28) var(--qiling-space-28) var(--qiling-space-24);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-card-border);
  border-left: 4px solid var(--color-primary);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-product_showcase .module-product-showcase .ps-desc-line {
  font-size: var(--qiling-text-14);
  color: var(--color-text-muted);
  line-height: 1.72;
  padding: var(--qiling-space-10) 0;
  border-bottom: 1px dashed var(--qiling-component-card-border);
}.qiling-module-scope-product_showcase .module-product-showcase .ps-desc-line:last-child {
  border-bottom: none;
}.qiling-module-scope-product_showcase /* 暗黑模式 */
html.dark-mode .module-product-showcase .ps-title {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-product_showcase .module-product-showcase .ps-subtitle {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
}html.dark-mode .qiling-module-scope-product_showcase .module-product-showcase .ps-small-btn {
  background: var(--qiling-component-button-bg);
  color: var(--qiling-component-button-text);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-product_showcase .module-product-showcase .ps-small-btn:hover {
  background: var(--qiling-component-button-hover-bg);
  color: var(--qiling-component-button-hover-text);
}.qiling-module-scope-product_showcase html.dark-mode
  .module-product-showcase.module-product-showcase
  .ps-info-side
  .ps-description {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-product_showcase .module-product-showcase .ps-desc-line {
  color: var(--color-text-muted);
  border-bottom-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}.qiling-module-scope-product_showcase html.dark-mode
  .module-product-showcase.module-product-showcase
  .ps-media-side
  .ps-media-carousel {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}.qiling-module-scope-product_showcase /* 响应式 */
@media (max-width: 992px) {
  .module-product-showcase .ps-wrapper,
  .module-product-showcase .ps-wrapper.ps-reverse {
    flex-direction: column;
    gap: var(--qiling-space-40);
  }
  .module-product-showcase .ps-media-carousel {
    height: 320px !important;
  }
  .module-product-showcase .ps-title {
    font-size: var(--qiling-text-rem-2);
  }
  .module-product-showcase .ps-price {
    font-size: var(--qiling-text-rem-2);
  }
}@media (max-width: 576px){.qiling-module-scope-product_showcase .module-product-showcase .ps-media-carousel {
    height: 260px !important;
  }.qiling-module-scope-product_showcase .module-product-showcase .ps-title {
    font-size: var(--qiling-text-rem-1p75);
  }.qiling-module-scope-product_showcase .module-product-showcase .ps-cta-btn {
    display: block;
    text-align: center;
    padding: var(--qiling-space-14) var(--qiling-space-24);
  }
}

.qiling-module-scope-products .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-products .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-products .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-products .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-products .features-tab-btn .tab-icon,
.qiling-module-scope-products .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-products .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-products .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-products .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-products .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-products .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-products .features-tabs-content {
  position: relative;
}.qiling-module-scope-products .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-products .features-tab-pane.active {
  display: block;
}.qiling-module-scope-products .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-products .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-products .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-products .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-products .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-products .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-products .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-products .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-products .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-products .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-products .features-grid-2,
.qiling-module-scope-products .features-grid-3,
.qiling-module-scope-products .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-products /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-products .module-decor.d-left {
  left: 0;
}.qiling-module-scope-products .module-decor.d-right {
  right: 0;
}.qiling-module-scope-products .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-products /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-products .module-decor svg path,
.qiling-module-scope-products .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-products /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-products .module-decor {
    display: none !important;
  }}.qiling-module-scope-products .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-products .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-products .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-products .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-products .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-products /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-products .ql-travel-cols-2,
.qiling-module-scope-products .ql-travel-cols-3,
.qiling-module-scope-products .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-products .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-products /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-products /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-products .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-products .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-products .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-products .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-products .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-products .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-products /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-products /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-products /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-products [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-products .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-products /* --- 产品模块 (手动) 样式 (Products Module Manual Styles) --- */
.module-products-manual .section-header {
  margin-bottom: var(--qiling-space-42) !important;
}.qiling-module-scope-products .module-products-manual.module-products-manual .pm-card.pm-card {
  background: var(--qiling-component-post-card-bg);
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-post-card-border);
  overflow: hidden;
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
  cursor: pointer;
  height: 100%;
  display: flex;
  flex-direction: column;
}.qiling-module-scope-products .module-products-manual.module-products-manual .pm-card.pm-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.18);
}.qiling-module-scope-products .pm-thumb {
  position: relative;
  padding-top: var(--qiling-space-pct-75);
  overflow: hidden;
  background: var(--qiling-component-surface-alt-bg, var(--color-neutral-100));
}.qiling-module-scope-products .pm-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: transform 0.5s;
}.qiling-module-scope-products .pm-card:hover .pm-bg {
  transform: scale(1.06);
}.qiling-module-scope-products .pm-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    var(--qiling-color-rgba-15-23-42-012) 0%,
    var(--qiling-color-rgba-15-23-42-056) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s;
}.qiling-module-scope-products .pm-card:hover .pm-overlay {
  opacity: 1;
}.qiling-module-scope-products .pm-btn {
  border: 1px solid var(--qiling-component-button-border);
  background: var(--qiling-component-button-bg);
  color: var(--qiling-component-button-text);
  padding: var(--qiling-component-button-padding);
  border-radius: var(--qiling-button-radius);
  font-weight: 600;
  cursor: pointer;
  pointer-events: none;
  transform: translateY(10px);
  transition: all 0.3s;
  box-shadow: var(--qiling-component-button-shadow);
  min-width: var(--qiling-measure-120);
  text-align: center;
}.qiling-module-scope-products .pm-card:hover .pm-btn {
  transform: translateY(0);
}.qiling-module-scope-products .pm-info {
  padding: var(--qiling-space-24) var(--qiling-space-20) var(--qiling-space-22);
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-10);
}.qiling-module-scope-products .pm-name {
  margin: 0;
  font-size: var(--qiling-text-rem-1p125);
  font-weight: 700;
  line-height: 1.45;
  color: var(--color-heading);
}.qiling-module-scope-products .pm-desc {
  margin: 0;
  font-size: var(--qiling-text-rem-0p92);
  color: var(--color-text-muted);
  line-height: 1.72;
  flex: 1;
}.qiling-module-scope-products .pm-grid {
  display: grid;
  gap: var(--qiling-space-32);
}.qiling-module-scope-products .pm-grid.cols-3 {
  grid-template-columns: repeat(3, 1fr);
}.qiling-module-scope-products .pm-grid.cols-4 {
  grid-template-columns: repeat(4, 1fr);
}.qiling-module-scope-products .pm-carousel-wrapper {
  overflow: hidden;
  padding: var(--qiling-space-8) 0 var(--qiling-space-44);
}.qiling-module-scope-products .pm-swiper {
  padding: var(--qiling-space-10) var(--qiling-space-4) var(--qiling-space-14);
  margin: var(--qiling-space-neg-10) var(--qiling-space-neg-4)
    var(--qiling-space-neg-14);
}html.dark-mode .qiling-module-scope-products .module-products-manual.module-products-manual .pm-card.pm-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(
      --qiling-component-post-card-bg-dark,
      var(--qiling-component-post-card-bg)
    );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}.qiling-module-scope-products /* --- 新模态框样式 (NEW MODAL STYLES) --- */
.pm-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--qiling-color-rgba-0-0-0-08);
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(8px);
}.qiling-module-scope-products .pm-modal-mask.open {
  display: flex;
  animation: pmFadeIn 0.3s;
}.qiling-module-scope-products .pm-modal-box {
  width: 95%;
  max-width: var(--qiling-measure-1100);
  height: 90vh;
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  position: relative;
  overflow: hidden;
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-products .pm-close {
  position: absolute;
  top: 15px;
  right: 20px;
  background: rgba(var(--color-surface-rgb), 0.8);
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: var(--qiling-text-24);
  line-height: var(--qiling-leading-32);
  color: var(--qiling-color-333333);
  cursor: pointer;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}.qiling-module-scope-products .pm-close:hover {
  background: var(--qiling-color-ff0000);
  color: var(--color-text-inverse);
}.qiling-module-scope-products /* Flex 布局 (Flex Layout) */
.pm-modal-layout {
  display: flex;
  height: 100%;
}.qiling-module-scope-products /* 侧边栏 (左侧) (Sidebar Left) */
.pm-modal-sidebar {
  width: 380px;
  flex-shrink: 0;
  background: var(--qiling-component-card-bg);
  border-right: 1px solid var(--qiling-component-card-border);
  padding: var(--qiling-space-30);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}.qiling-module-scope-products .pm-ms-thumb {
  width: 100%;
  aspect-ratio: 1;
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  margin-bottom: var(--qiling-space-20);
}.qiling-module-scope-products .pm-mh-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}.qiling-module-scope-products .pm-mh-title {
  font-size: var(--qiling-text-24);
  font-weight: 700;
  color: var(--color-heading);
  margin: 0 0 var(--qiling-space-10);
}.qiling-module-scope-products .pm-mh-desc {
  font-size: var(--qiling-text-14);
  color: var(--color-text-muted);
  margin-bottom: var(--qiling-space-20);
  line-height: 1.6;
}.qiling-module-scope-products .pm-mh-specs {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--qiling-space-25);
  background: var(--qiling-component-card-bg);
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-card-border);
}.qiling-module-scope-products .pm-mh-specs li {
  padding: var(--qiling-space-10) var(--qiling-space-15);
  border-bottom: 1px solid var(--color-neutral-100);
  font-size: var(--qiling-text-13);
  color: var(--color-text-muted);
  display: flex;
  justify-content: space-between;
}.qiling-module-scope-products .pm-mh-specs li:last-child {
  border-bottom: none;
}.qiling-module-scope-products .pm-mh-specs strong {
  color: var(--color-heading);
  font-weight: 600;
  margin-right: var(--qiling-space-10);
}.qiling-module-scope-products .pm-mh-actions {
  margin-top: auto;
}.qiling-module-scope-products .pm-inquire-btn {
  display: block;
  width: 100%;
  text-align: center;
  padding: var(--qiling-space-14) 0;
  background: var(--products-inquire-btn-bg, var(--qiling-component-button-bg));
  color: var(--products-inquire-btn-text, var(--qiling-component-button-text));
  border: 1px solid
    var(--products-inquire-btn-border, var(--qiling-component-button-border));
  border-radius: var(--qiling-button-radius);
  text-decoration: none;
  font-weight: 600;
  font-size: var(--qiling-text-16);
  transition: all 0.2s;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-products .pm-inquire-btn:hover {
  background: var(
    --products-inquire-btn-hover-bg,
    var(--qiling-component-button-hover-bg)
  );
  color: var(
    --products-inquire-btn-hover-text,
    var(--qiling-component-button-hover-text)
  );
  border-color: var(
    --products-inquire-btn-hover-border,
    var(--qiling-component-button-hover-bg)
  );
  transform: translateY(-2px);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-products /* 主内容 (右侧) (Main Content Right) */
.pm-modal-main {
  flex: 1;
  padding: var(--qiling-space-40);
  overflow-y: auto;
  background: var(--color-surface);
  position: relative;
}.qiling-module-scope-products /* 加载器 (Loader) */
.pm-loader {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: var(--qiling-color-999999);
  display: none;
}.qiling-module-scope-products .pm-spinner {
  width: 30px;
  height: 30px;
  margin: 0 auto var(--qiling-space-10);
  border: 3px solid var(--qiling-color-eeeeee);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: pmSpin 0.8s linear infinite;
}.qiling-module-scope-products /* 响应式 (Responsive) */
@media (max-width: 992px) {
  .pm-grid.cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .pm-modal-sidebar {
    width: 300px;
    padding: var(--qiling-space-20);
  }
}@media (max-width: 768px){.qiling-module-scope-products /* 移动端布局切换 (Mobile Layout Switch) */
  .pm-grid.cols-3,
.qiling-module-scope-products .pm-grid.cols-4 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-products .pm-modal-box {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }.qiling-module-scope-products .pm-modal-layout {
    flex-direction: column;
  }.qiling-module-scope-products .pm-modal-sidebar {
    width: 100%;
    height: auto;
    flex-shrink: 0;
    border-right: none;
    border-bottom: 1px solid var(--qiling-component-card-border);
    padding: var(--qiling-space-20);
  }.qiling-module-scope-products .pm-ms-thumb {
    width: 120px;
    height: 120px;
    float: left;
    margin-bottom: var(--qiling-space-10);
    margin-right: var(--qiling-space-15);
  }.qiling-module-scope-products .pm-ms-info {
    overflow: hidden;
    /* 清除浮动格式 (clear float format) */
  }.qiling-module-scope-products .pm-mh-title {
    font-size: var(--qiling-text-20);
    margin-top: 0;
  }.qiling-module-scope-products .pm-mh-actions {
    margin-top: var(--qiling-space-15);
    clear: both;
  }.qiling-module-scope-products .pm-modal-main {
    padding: var(--qiling-space-20);
  }
}.qiling-module-scope-products .module-products-manual.module-products-manual .pm-inquire-btn {
  background: var(--products-inquire-btn-bg, var(--qiling-component-button-bg));
  color: var(--products-inquire-btn-text, var(--qiling-component-button-text));
  border-color: var(
    --products-inquire-btn-border,
    var(--qiling-component-button-border)
  );
}.qiling-module-scope-products .module-products-manual.module-products-manual .pm-inquire-btn:hover {
  background: var(
    --products-inquire-btn-hover-bg,
    var(--qiling-component-button-hover-bg)
  );
  color: var(
    --products-inquire-btn-hover-text,
    var(--qiling-component-button-hover-text)
  );
  border-color: var(
    --products-inquire-btn-hover-border,
    var(--qiling-component-button-hover-bg)
  );
}.qiling-module-scope-products .module-products-manual.module-products-manual .pm-inquire-btn { color: var(--products-inquire-btn-text, #ffffff) !important; }.qiling-module-scope-products .module-products-manual.module-products-manual .pm-inquire-btn:hover { color: var(--products-inquire-btn-hover-text, #ffffff) !important; }.qiling-module-scope-products .module-products-manual.module-products-manual .pm-inquire-btn { color: var(--products-inquire-btn-text, #ffffff); }.qiling-module-scope-products .module-products-manual.module-products-manual .pm-inquire-btn:hover { color: var(--products-inquire-btn-hover-text, #ffffff); }

.qiling-module-scope-promotion .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-promotion .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-promotion .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-promotion .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-promotion .features-tab-btn .tab-icon,
.qiling-module-scope-promotion .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-promotion .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-promotion .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-promotion .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-promotion .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-promotion .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-promotion .features-tabs-content {
  position: relative;
}.qiling-module-scope-promotion .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-promotion .features-tab-pane.active {
  display: block;
}.qiling-module-scope-promotion .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-promotion .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-promotion .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-promotion .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-promotion .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-promotion .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-promotion .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-promotion .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-promotion .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-promotion .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-promotion .features-grid-2,
.qiling-module-scope-promotion .features-grid-3,
.qiling-module-scope-promotion .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-promotion /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-promotion .module-decor.d-left {
  left: 0;
}.qiling-module-scope-promotion .module-decor.d-right {
  right: 0;
}.qiling-module-scope-promotion .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-promotion /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-promotion .module-decor svg path,
.qiling-module-scope-promotion .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-promotion /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-promotion .module-decor {
    display: none !important;
  }}.qiling-module-scope-promotion .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-promotion .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-promotion .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-promotion .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-promotion .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-promotion /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-promotion .ql-travel-cols-2,
.qiling-module-scope-promotion .ql-travel-cols-3,
.qiling-module-scope-promotion .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-promotion .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-promotion /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-promotion /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-promotion .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-promotion .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-promotion .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-promotion .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-promotion .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-promotion .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-promotion /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-promotion /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-promotion /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-promotion [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-promotion .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-promotion /* ============================================
 * 特价促销模块样式
 * 前缀: ql-promo-
 * ============================================ */

/* 模块容器 */
.module-ql-promotion {
  position: relative;
  overflow: hidden;
}.qiling-module-scope-promotion .ql-promo-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--qiling-color-rgba-0-0-0-05);
  z-index: 1;
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-promotion /* 头部区域 */
.module-ql-promotion .ql-promo-header {
  text-align: center;
  max-width: var(--qiling-measure-760);
  margin: 0 auto var(--qiling-space-42);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-title {
  font-weight: 700;
  margin-bottom: var(--qiling-space-14);
  line-height: 1.12;
  letter-spacing: var(--qiling-tracking-neg-em-0p02);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-subtitle {
  font-size: var(--qiling-text-rem-1p1);
  opacity: 0.85;
  margin-bottom: 0;
  line-height: 1.72;
}.qiling-module-scope-promotion /* 倒计时样式 */
.module-ql-promotion .ql-promo-countdown-wrap {
  display: inline-block;
  padding: var(--qiling-space-18) var(--qiling-space-28);
  background: var(--qiling-color-rgba-0-0-0-015);
  border: 1px solid rgba(var(--color-surface-rgb), 0.16);
  border-radius: var(--qiling-card-radius);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 40px var(--qiling-color-rgba-15-23-42-012);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-countdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--qiling-space-12);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-countdown-label {
  font-size: var(--qiling-text-rem-0p9);
  opacity: 0.8;
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-countdown-boxes {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-countdown-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: var(--qiling-measure-60);
  padding: var(--qiling-space-12) var(--qiling-space-16);
  background: rgba(var(--color-surface-rgb), 0.95);
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  border-radius: calc(var(--qiling-card-radius) - 8px);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-countdown-num {
  font-size: var(--qiling-text-rem-1p75);
  font-weight: 700;
  color: var(--color-error);
  line-height: 1;
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-countdown-unit {
  font-size: var(--qiling-text-rem-0p75);
  color: var(--color-text-muted);
  margin-top: var(--qiling-space-4);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-countdown-sep {
  font-size: var(--qiling-text-rem-1p5);
  font-weight: 700;
  color: rgba(var(--color-surface-rgb), 0.8);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-expired {
  padding: var(--qiling-space-20) var(--qiling-space-40);
  background: var(--qiling-gradient-error);
  border-radius: calc(var(--qiling-card-radius) - 8px);
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-rem-1p1);
  font-weight: 600;
  box-shadow: 0 16px 30px rgba(var(--color-error-rgb), 0.4);
}.qiling-module-scope-promotion /* 促销产品列表 */
.module-ql-promotion .ql-promo-items {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}.qiling-module-scope-promotion /* 产品卡片 */
.module-ql-promotion .ql-promo-item {
  position: relative;
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.04) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    all 0.3s ease,
    border-color 0.3s ease;
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-item:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.22);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-promotion /* 折扣标签 */
.module-ql-promotion .ql-promo-badge {
  position: absolute;
  top: 14px;
  left: 0;
  padding: var(--qiling-space-8) var(--qiling-space-18) var(--qiling-space-8)
    var(--qiling-space-16);
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-rem-0p85);
  font-weight: 600;
  z-index: 10;
  clip-path: polygon(0 0, 100% 0, 90% 50%, 100% 100%, 0 100%);
}.qiling-module-scope-promotion /* 产品图片 */
.module-ql-promotion .ql-promo-image {
  position: relative;
  height: 200px;
  overflow: hidden;
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-item:hover .ql-promo-image img {
  transform: scale(1.08);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}.qiling-module-scope-promotion /* 产品信息 */
.module-ql-promotion .ql-promo-info {
  padding: var(--qiling-space-22) var(--qiling-space-22) var(--qiling-space-24);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-name {
  font-size: var(--qiling-text-rem-1p12);
  font-weight: 700;
  color: var(--color-heading);
  margin-bottom: var(--qiling-space-8);
  line-height: 1.45;
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-desc {
  font-size: var(--qiling-text-rem-0p9);
  color: var(--color-text-muted);
  margin-bottom: var(--qiling-space-18);
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.qiling-module-scope-promotion /* 价格区域 */
.module-ql-promotion .ql-promo-price {
  display: flex;
  align-items: baseline;
  gap: var(--qiling-space-12);
  margin-bottom: var(--qiling-space-20);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-sale-price {
  font-size: var(--qiling-text-rem-1p5);
  font-weight: 700;
  color: var(--color-error);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-original-price {
  font-size: var(--qiling-text-rem-1);
  color: var(--color-neutral-400);
  text-decoration: line-through;
}.qiling-module-scope-promotion /* 行动按钮 */
.module-ql-promotion .ql-promo-btn {
  display: block;
  width: 100%;
  padding: var(--qiling-component-button-padding);
  background: var(--ql-promo-btn-bg, var(--qiling-component-button-bg));
  color: var(--ql-promo-btn-text, var(--qiling-component-button-text));
  border: 1px solid
    var(--ql-promo-btn-border, var(--qiling-component-button-border));
  font-size: var(--qiling-text-rem-1);
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  border-radius: 999px;
  transition: all 0.3s ease;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-btn:hover {
  background: var(
    --ql-promo-btn-hover-bg,
    var(--qiling-component-button-hover-bg)
  );
  color: var(
    --ql-promo-btn-hover-text,
    var(--qiling-component-button-hover-text)
  );
  border-color: var(
    --ql-promo-btn-hover-border,
    var(--qiling-component-button-hover-bg)
  );
  transform: translateY(-2px);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-promotion /* ========================================
 * 布局样式变体
 * ======================================== */

/* 横幅式布局 */
.module-ql-promotion.ql-promo-layout-banner {
  background: linear-gradient(
    135deg,
    var(--qiling-color-667eea) 0%,
    var(--qiling-color-764ba2) 100%
  );
  color: var(--color-text-inverse);
}.qiling-module-scope-promotion .module-ql-promotion.ql-promo-layout-banner .ql-promo-title,
.qiling-module-scope-promotion .module-ql-promotion.ql-promo-layout-banner .ql-promo-subtitle {
  color: var(--color-text-inverse);
}.qiling-module-scope-promotion /* 卡片式布局 */
.module-ql-promotion.ql-promo-layout-cards {
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
}.qiling-module-scope-promotion .module-ql-promotion.ql-promo-layout-cards .ql-promo-countdown-wrap {
  background: var(--qiling-color-rgba-30-41-59-008);
}.qiling-module-scope-promotion .module-ql-promotion.ql-promo-layout-cards .ql-promo-countdown-sep {
  color: var(--color-neutral-800);
}.qiling-module-scope-promotion /* 全屏式布局 */
.module-ql-promotion.ql-promo-layout-fullscreen {
  min-height: 80vh;
  display: flex;
  align-items: center;
}.qiling-module-scope-promotion .module-ql-promotion.ql-promo-layout-fullscreen .ql-promo-container {
  width: 100%;
}.qiling-module-scope-promotion .module-ql-promotion.ql-promo-layout-fullscreen .ql-promo-items {
  max-width: var(--qiling-measure-1000);
  margin: 0 auto;
}.qiling-module-scope-promotion .module-ql-promotion.ql-promo-layout-fullscreen .ql-promo-title {
  font-size: var(--qiling-text-rem-3);
}.qiling-module-scope-promotion /* ========================================
 * 暗黑模式
 * ======================================== */

html.dark-mode .module-ql-promotion.ql-promo-layout-cards {
  background: var(--color-neutral-900);
}.qiling-module-scope-promotion html.dark-mode
  .module-ql-promotion.ql-promo-layout-cards
  .ql-promo-countdown-wrap {
  background: rgba(var(--color-surface-rgb), 0.08);
}html.dark-mode .qiling-module-scope-promotion .module-ql-promotion .ql-promo-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      var(--qiling-color-rgba-15-23-42-0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--color-neutral-800));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
}html.dark-mode .qiling-module-scope-promotion .module-ql-promotion .ql-promo-name {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-promotion .module-ql-promotion .ql-promo-desc {
  color: var(--color-neutral-400);
}html.dark-mode .qiling-module-scope-promotion .module-ql-promotion .ql-promo-countdown-box {
  background: var(--qiling-color-rgba-30-41-59-095);
}html.dark-mode .qiling-module-scope-promotion .module-ql-promotion .ql-promo-countdown-num {
  color: var(--color-error);
}html.dark-mode .qiling-module-scope-promotion .module-ql-promotion .ql-promo-countdown-unit {
  color: var(--color-neutral-400);
}.qiling-module-scope-promotion /* ========================================
 * 响应式
 * ======================================== */

@media (max-width: 1024px) {
  .ql-promo-cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .ql-promo-layout-fullscreen .ql-promo-title {
    font-size: var(--qiling-text-rem-2p5);
  }
}@media (max-width: 768px){.qiling-module-scope-promotion .ql-promo-header {
    margin-bottom: var(--qiling-space-32);
  }.qiling-module-scope-promotion .ql-promo-countdown-wrap {
    padding: var(--qiling-space-12) var(--qiling-space-20);
  }.qiling-module-scope-promotion .ql-promo-countdown-box {
    min-width: var(--qiling-measure-50);
    padding: var(--qiling-space-10) var(--qiling-space-12);
  }.qiling-module-scope-promotion .ql-promo-countdown-num {
    font-size: var(--qiling-text-rem-1p5);
  }.qiling-module-scope-promotion .ql-promo-cols-2,
.qiling-module-scope-promotion .ql-promo-cols-3,
.qiling-module-scope-promotion .ql-promo-cols-4 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-promotion .ql-promo-item {
    display: flex;
    flex-direction: row;
  }.qiling-module-scope-promotion .ql-promo-image {
    width: 120px;
    height: auto;
    flex-shrink: 0;
  }.qiling-module-scope-promotion .ql-promo-info {
    flex: 1;
    padding: var(--qiling-space-16);
  }.qiling-module-scope-promotion .ql-promo-layout-fullscreen {
    min-height: auto;
  }.qiling-module-scope-promotion .ql-promo-layout-fullscreen .ql-promo-title {
    font-size: var(--qiling-text-rem-1p75);
  }
}@media (max-width: 480px){.qiling-module-scope-promotion .ql-promo-countdown-boxes {
    gap: var(--qiling-space-4);
  }.qiling-module-scope-promotion .ql-promo-countdown-box {
    min-width: var(--qiling-measure-44);
    padding: var(--qiling-space-8) var(--qiling-space-10);
  }.qiling-module-scope-promotion .ql-promo-countdown-num {
    font-size: var(--qiling-text-rem-1p25);
  }.qiling-module-scope-promotion .ql-promo-item {
    flex-direction: column;
  }.qiling-module-scope-promotion .ql-promo-image {
    width: 100%;
    height: 160px;
  }
}.qiling-module-scope-promotion .module-ql-promotion .ql-promo-btn { color: var(--ql-promo-btn-text, #ffffff); }.qiling-module-scope-promotion .module-ql-promotion .ql-promo-btn:hover { color: var(--ql-promo-btn-hover-text, #ffffff); }

.qiling-module-scope-qiling_image_guide .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-qiling_image_guide .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-qiling_image_guide .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-qiling_image_guide .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-qiling_image_guide .features-tab-btn .tab-icon,
.qiling-module-scope-qiling_image_guide .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-qiling_image_guide .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-qiling_image_guide .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-qiling_image_guide .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-qiling_image_guide .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-qiling_image_guide .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-qiling_image_guide .features-tabs-content {
  position: relative;
}.qiling-module-scope-qiling_image_guide .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-qiling_image_guide .features-tab-pane.active {
  display: block;
}.qiling-module-scope-qiling_image_guide .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-qiling_image_guide .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-qiling_image_guide .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-qiling_image_guide .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-qiling_image_guide .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-qiling_image_guide .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-qiling_image_guide .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-qiling_image_guide .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-qiling_image_guide .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-qiling_image_guide .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-qiling_image_guide .features-grid-2,
.qiling-module-scope-qiling_image_guide .features-grid-3,
.qiling-module-scope-qiling_image_guide .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-qiling_image_guide /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-qiling_image_guide .module-decor.d-left {
  left: 0;
}.qiling-module-scope-qiling_image_guide .module-decor.d-right {
  right: 0;
}.qiling-module-scope-qiling_image_guide .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-qiling_image_guide /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-qiling_image_guide .module-decor svg path,
.qiling-module-scope-qiling_image_guide .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-qiling_image_guide /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-qiling_image_guide .module-decor {
    display: none !important;
  }}.qiling-module-scope-qiling_image_guide .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-qiling_image_guide .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-qiling_image_guide .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-qiling_image_guide .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-qiling_image_guide .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-qiling_image_guide /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-qiling_image_guide .ql-travel-cols-2,
.qiling-module-scope-qiling_image_guide .ql-travel-cols-3,
.qiling-module-scope-qiling_image_guide .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-qiling_image_guide .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-qiling_image_guide /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-qiling_image_guide /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-qiling_image_guide .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-qiling_image_guide .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-qiling_image_guide .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-qiling_image_guide .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-qiling_image_guide .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-qiling_image_guide .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-qiling_image_guide /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-qiling_image_guide /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-qiling_image_guide /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-qiling_image_guide [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-qiling_image_guide .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-qiling_image_guide /* ==========================================================================
   启灵图片指南模块 (Qiling Image Guide Module)
   ========================================================================== */

.module-qiling-image-guide .container {
  max-width: var(--qiling-measure-1200);
  margin: 0 auto;
  padding: 0 var(--qiling-space-20);
}.qiling-module-scope-qiling_image_guide .qiling-guide-grid {
  display: grid;
  gap: var(--guide-gap, var(--qiling-space-20));
}.qiling-module-scope-qiling_image_guide .guide-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}.qiling-module-scope-qiling_image_guide .guide-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}.qiling-module-scope-qiling_image_guide .guide-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}.qiling-module-scope-qiling_image_guide .guide-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}.qiling-module-scope-qiling_image_guide .guide-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}.qiling-module-scope-qiling_image_guide .qiling-guide-item {
  position: relative;
  display: block;
  height: var(--guide-height, 160px);
  border-radius: var(--guide-radius, 8px);
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  background: var(--color-neutral-100);
}.qiling-module-scope-qiling_image_guide .qiling-guide-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}.qiling-module-scope-qiling_image_guide .qiling-guide-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}.qiling-module-scope-qiling_image_guide .qiling-guide-item:hover .qiling-guide-bg img {
  transform: scale(1.1);
}.qiling-module-scope-qiling_image_guide .qiling-guide-placeholder {
  width: 100%;
  height: 100%;
  background: var(--gradient-surface-subtle);
}.qiling-module-scope-qiling_image_guide .qiling-guide-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-rgba-0-0-0-03);
  transition: background 0.3s ease;
}.qiling-module-scope-qiling_image_guide .qiling-guide-item:hover .qiling-guide-overlay {
  background: var(--qiling-color-rgba-0-0-0-04);
}.qiling-module-scope-qiling_image_guide .qiling-guide-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: var(--qiling-space-15);
  color: var(--color-text-inverse);
}.qiling-module-scope-qiling_image_guide .qiling-guide-title {
  font-size: var(--qiling-text-18);
  font-weight: 600;
  color: var(--color-text-inverse);
  margin: 0 0 var(--qiling-space-10);
  line-height: 1.2;
  text-shadow: 0 2px 4px var(--qiling-color-rgba-0-0-0-03);
  transform: translateY(0);
  transition: transform 0.3s ease;
}.qiling-module-scope-qiling_image_guide .qiling-guide-line {
  width: 24px;
  height: 2px;
  background: rgba(var(--color-surface-rgb), 0.8);
  margin: 0 auto var(--qiling-space-10);
  transition:
    width 0.3s ease,
    background 0.3s ease;
}.qiling-module-scope-qiling_image_guide .qiling-guide-item:hover .qiling-guide-line {
  width: 40px;
  background: var(--color-surface);
}.qiling-module-scope-qiling_image_guide .qiling-guide-sub {
  font-size: var(--qiling-text-13);
  color: rgba(var(--color-surface-rgb), 0.9);
  margin: 0;
  line-height: 1.4;
  font-weight: 300;
}@media (max-width: 1024px){.qiling-module-scope-qiling_image_guide .guide-cols-4,
.qiling-module-scope-qiling_image_guide .guide-cols-5,
.qiling-module-scope-qiling_image_guide .guide-cols-6 {
    grid-template-columns: repeat(3, 1fr);
  }
}@media (max-width: 768px){.qiling-module-scope-qiling_image_guide .guide-cols-3,
.qiling-module-scope-qiling_image_guide .guide-cols-4,
.qiling-module-scope-qiling_image_guide .guide-cols-5,
.qiling-module-scope-qiling_image_guide .guide-cols-6 {
    grid-template-columns: repeat(2, 1fr);
  }.qiling-module-scope-qiling_image_guide .qiling-guide-item {
    height: calc(var(--guide-height, 160px) * 0.8);
  }.qiling-module-scope-qiling_image_guide .qiling-guide-title {
    font-size: var(--qiling-text-16);
    margin-bottom: var(--qiling-space-6);
  }.qiling-module-scope-qiling_image_guide .qiling-guide-line {
    margin-bottom: var(--qiling-space-6);
  }.qiling-module-scope-qiling_image_guide .qiling-guide-sub {
    font-size: var(--qiling-text-12);
  }
}.qiling-module-scope-qiling_image_guide .module-qiling-image-guide .section-header {
  margin-bottom: var(--qiling-space-40);
}.qiling-module-scope-qiling_image_guide .module-qiling-image-guide .qiling-guide-item {
  border-radius: max(var(--guide-radius, 8px), 24px);
  border: 1px solid var(--qiling-color-rgba-255-255-255-022);
  box-shadow: 0 22px 48px var(--qiling-color-rgba-15-23-42-012);
}.qiling-module-scope-qiling_image_guide .module-qiling-image-guide .qiling-guide-overlay {
  background: linear-gradient(
    180deg,
    var(--qiling-color-rgba-15-23-42-018) 0%,
    var(--qiling-color-rgba-15-23-42-058) 100%
  );
}.qiling-module-scope-qiling_image_guide .module-qiling-image-guide .qiling-guide-item:hover .qiling-guide-overlay {
  background: linear-gradient(
    180deg,
    var(--qiling-color-rgba-15-23-42-022) 0%,
    var(--qiling-color-rgba-15-23-42-066) 100%
  );
}.qiling-module-scope-qiling_image_guide .module-qiling-image-guide .qiling-guide-content {
  padding: var(--qiling-space-22);
}.qiling-module-scope-qiling_image_guide .module-qiling-image-guide .qiling-guide-title {
  font-size: clamp(
    var(--qiling-text-rem-1),
    var(--qiling-text-vw-1p4),
    var(--qiling-text-rem-1p24)
  );
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: pretty;
}.qiling-module-scope-qiling_image_guide .module-qiling-image-guide .qiling-guide-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 58px var(--qiling-color-rgba-15-23-42-016);
}html.dark-mode .qiling-module-scope-qiling_image_guide .module-qiling-image-guide .qiling-guide-item,
html.dark-mode .qiling-module-scope-qiling_image_guide .qiling-main-cat-module .qmcc-thumb-wrapper {
  box-shadow: 0 22px 48px var(--qiling-color-rgba-2-6-23-028);
}

.qiling-module-scope-qiling_main_category_content .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-qiling_main_category_content .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-qiling_main_category_content .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-qiling_main_category_content .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-qiling_main_category_content .features-tab-btn .tab-icon,
.qiling-module-scope-qiling_main_category_content .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-qiling_main_category_content .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-qiling_main_category_content .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-qiling_main_category_content .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-qiling_main_category_content .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-qiling_main_category_content .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-qiling_main_category_content .features-tabs-content {
  position: relative;
}.qiling-module-scope-qiling_main_category_content .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-qiling_main_category_content .features-tab-pane.active {
  display: block;
}.qiling-module-scope-qiling_main_category_content .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-qiling_main_category_content .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-qiling_main_category_content .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-qiling_main_category_content .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-qiling_main_category_content .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-qiling_main_category_content .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-qiling_main_category_content .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-qiling_main_category_content .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-qiling_main_category_content .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-qiling_main_category_content .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-qiling_main_category_content .features-grid-2,
.qiling-module-scope-qiling_main_category_content .features-grid-3,
.qiling-module-scope-qiling_main_category_content .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-qiling_main_category_content /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-qiling_main_category_content .module-decor.d-left {
  left: 0;
}.qiling-module-scope-qiling_main_category_content .module-decor.d-right {
  right: 0;
}.qiling-module-scope-qiling_main_category_content .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-qiling_main_category_content /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-qiling_main_category_content .module-decor svg path,
.qiling-module-scope-qiling_main_category_content .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-qiling_main_category_content /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-qiling_main_category_content .module-decor {
    display: none !important;
  }}.qiling-module-scope-qiling_main_category_content .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-qiling_main_category_content .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-qiling_main_category_content .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-qiling_main_category_content .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-qiling_main_category_content .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-qiling_main_category_content /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-qiling_main_category_content .ql-travel-cols-2,
.qiling-module-scope-qiling_main_category_content .ql-travel-cols-3,
.qiling-module-scope-qiling_main_category_content .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-qiling_main_category_content .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-qiling_main_category_content /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-qiling_main_category_content /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-qiling_main_category_content .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-qiling_main_category_content .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-qiling_main_category_content .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-qiling_main_category_content .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-qiling_main_category_content .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-qiling_main_category_content .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-qiling_main_category_content /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-qiling_main_category_content /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-qiling_main_category_content /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-qiling_main_category_content [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-qiling_main_category_content .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-qiling_main_category_content /* ===== 启灵主分类内容 (qiling_main_category_content) ===== */

/* 头部布局 (Header Layout) */
.qiling-main-cat-module .qmcc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--qiling-space-24);
  padding-bottom: var(--qiling-space-15); /* 添加底部边距和分割线，参考图示 */
  border-bottom: 1px solid rgba(var(--color-surface-rgb), 0.1);
}.qiling-module-scope-qiling_main_category_content .qmcc-header-left {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-12);
  flex: 1; /* 让左侧占据剩余空间 */
  min-width: 0; /* 防止溢出 */
}.qiling-module-scope-qiling_main_category_content /* 图标 (Icon) */
.qmcc-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
}.qiling-module-scope-qiling_main_category_content /* 标题 (Title) */
.qmcc-title {
  margin: 0;
  font-size: var(--qiling-text-24);
  font-weight: 700;
  line-height: 1.2;
}.qiling-module-scope-qiling_main_category_content .qmcc-title a {
  color: inherit;
  text-decoration: none;
}.qiling-module-scope-qiling_main_category_content /* 子分类 (Subcategories) */
.qmcc-subcats {
  display: flex;
  align-items: center;
  margin-left: var(--qiling-space-20);
  gap: var(--qiling-space-15);
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none; /* 隐藏 IE/Edge 滚动条 (Hide scrollbar IE/Edge) */
  scrollbar-width: none; /* 隐藏 Firefox 滚动条 (Hide scrollbar Firefox) */
}.qiling-module-scope-qiling_main_category_content .qmcc-subcats::-webkit-scrollbar {
  display: none;
}.qiling-module-scope-qiling_main_category_content .qmcc-subcat-link {
  color: rgba(var(--color-surface-rgb), 0.6); /* 默认淡色 */
  text-decoration: none;
  font-size: var(--qiling-text-14);
  transition: color 0.2s;
}.qiling-module-scope-qiling_main_category_content /* 如果不在暗黑模式下，颜色可能需要调整，这里假设主体是暗色或有适配 */
:root:not(.dark-mode) .qmcc-subcat-link {
  color: var(--qiling-color-666666);
}.qiling-module-scope-qiling_main_category_content:not(.dark-mode) .qmcc-header {
  border-bottom: 1px solid var(--qiling-color-eeeeee);
}.qiling-module-scope-qiling_main_category_content .qmcc-subcat-link:hover {
  color: var(--primary-color, var(--color-primary));
}.qiling-module-scope-qiling_main_category_content /* 更多按钮 (More Button) */
.qmcc-header-right {
  margin-left: var(--qiling-space-20);
  flex-shrink: 0;
}.qiling-module-scope-qiling_main_category_content .qmcc-more-btn {
  padding: var(--qiling-space-6) var(--qiling-space-16);
  background: rgba(var(--color-surface-rgb), 0.1);
  border-radius: 4px;
  color: inherit;
  text-decoration: none;
  font-size: var(--qiling-text-13);
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
}.qiling-module-scope-qiling_main_category_content .qmcc-more-btn:hover {
  background: var(--primary-color, var(--color-primary));
  color: var(--color-text-inverse);
}.qiling-module-scope-qiling_main_category_content:not(.dark-mode) .qmcc-more-btn {
  background: var(--qiling-color-f0f0f1);
  color: var(--qiling-color-333333);
}.qiling-module-scope-qiling_main_category_content:not(.dark-mode) .qmcc-more-btn:hover {
  background: var(--primary-color, var(--color-primary));
  color: var(--color-text-inverse);
}.qiling-module-scope-qiling_main_category_content /* 网格布局 (Grid Layout) */
.qmcc-grid {
  display: grid;
  gap: var(--qiling-space-20);
}.qiling-module-scope-qiling_main_category_content .qmcc-grid.grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}.qiling-module-scope-qiling_main_category_content .qmcc-grid.grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}.qiling-module-scope-qiling_main_category_content .qmcc-grid.grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}.qiling-module-scope-qiling_main_category_content /* 响应式 (Responsive) */
@media (max-width: 1024px) {
  .qmcc-grid.grid-cols-6,
  .qmcc-grid.grid-cols-5 {
    grid-template-columns: repeat(4, 1fr);
  }
}@media (max-width: 768px){.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-grid.grid-cols-6,
.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-grid.grid-cols-5,
.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-grid.grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-header {
    flex-direction: row;
    align-items: center;
    gap: var(--qiling-space-10);
    min-height: 42px;
  }.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-header-left {
    flex: 1;
    min-width: 0;
  }.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-title {
    overflow: hidden;
    font-size: var(--qiling-text-20);
    white-space: nowrap;
    text-overflow: ellipsis;
  }.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-header-right {
    position: static;
    flex: 0 0 auto;
    width: auto;
    margin: 0;
    text-align: left;
  }.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-more-btn {
    min-height: 32px;
    padding: 0 var(--qiling-space-10);
    white-space: nowrap;
  }.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-subcats {
    display: none;
  }
}@media (max-width: 480px){.qiling-module-scope-qiling_main_category_content .qmcc-grid.grid-cols-6,
.qiling-module-scope-qiling_main_category_content .qmcc-grid.grid-cols-5,
.qiling-module-scope-qiling_main_category_content .qmcc-grid.grid-cols-4,
.qiling-module-scope-qiling_main_category_content .qmcc-grid.grid-cols-3 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--qiling-space-10);
  }
}.qiling-module-scope-qiling_main_category_content /* 卡片样式 (Card Styles) */
.qmcc-item {
  position: relative;
}.qiling-module-scope-qiling_main_category_content .qmcc-thumb-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  background: var(--qiling-color-222222);
}.qiling-module-scope-qiling_main_category_content /* 宽高比 (Aspect Ratios) */
.ratio-16-9 .qmcc-thumb-wrapper {
  padding-bottom: var(--qiling-space-pct-56p25);
}.qiling-module-scope-qiling_main_category_content .ratio-4-3 .qmcc-thumb-wrapper {
  padding-bottom: var(--qiling-space-pct-75);
}.qiling-module-scope-qiling_main_category_content .ratio-3-4 .qmcc-thumb-wrapper {
  padding-bottom: var(--qiling-space-pct-133p33);
}.qiling-module-scope-qiling_main_category_content .ratio-1-1 .qmcc-thumb-wrapper {
  padding-bottom: var(--qiling-space-pct-100);
}.qiling-module-scope-qiling_main_category_content .ratio-2-3 .qmcc-thumb-wrapper {
  padding-bottom: var(--qiling-space-pct-150);
}.qiling-module-scope-qiling_main_category_content .qmcc-thumb-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}.qiling-module-scope-qiling_main_category_content .qmcc-item:hover .qmcc-thumb-wrapper img {
  transform: scale(1.05);
}.qiling-module-scope-qiling_main_category_content /* 播放按钮 (Play Button) */
.qmcc-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  width: 48px;
  height: 48px;
  background: rgba(var(--color-surface-rgb), 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: 5;
  box-shadow: 0 4px 15px var(--qiling-color-rgba-0-0-0-02);
  color: var(--qiling-color-333333);
}.qiling-module-scope-qiling_main_category_content .qmcc-item:hover .qmcc-play-btn {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}.qiling-module-scope-qiling_main_category_content .qmcc-play-btn svg {
  width: 20px;
  height: 20px;
  margin-left: var(--qiling-space-2); /* 视觉中心 (Visual center) */
}.qiling-module-scope-qiling_main_category_content /* 徽章 (Badges) */
.qmcc-thumb-badges {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  gap: var(--qiling-space-6);
  z-index: 2;
  pointer-events: none;
}.qiling-module-scope-qiling_main_category_content .qmcc-badge-rating {
  background: var(--qiling-gradient-accent);
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-11);
  padding: var(--qiling-space-3) var(--qiling-space-6);
  border-radius: 4px;
  font-weight: 700;
  line-height: 1.25;
}.qiling-module-scope-qiling_main_category_content .qmcc-badge-hd {
  background: linear-gradient(
    135deg,
    var(--color-warning) 0%,
    var(--color-warning-dark) 100%
  ); /* 琥珀金 (Amber Gold) */
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-11);
  padding: var(--qiling-space-3) var(--qiling-space-6);
  border-radius: 4px;
  font-weight: 800;
  line-height: 1.25;
}.qiling-module-scope-qiling_main_category_content .qmcc-badge-episode {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to right,
    var(--qiling-color-rgba-0-0-0-08),
    var(--qiling-color-rgba-0-0-0-0)
  );
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-11);
  padding: var(--qiling-space-4) var(--qiling-space-8);
  border-bottom-left-radius: 8px; /* 匹配容器圆角 */
  border-top-right-radius: 8px;
  z-index: 2;
  pointer-events: none;
  text-shadow: 0 1px 2px var(--qiling-color-rgba-0-0-0-05);
  width: 100%; /* 占满底部一行，背景渐变过渡 */
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.qiling-module-scope-qiling_main_category_content .qmcc-badge-count {
  color: var(
    --qiling-color-ffc107
  ); /* 琥珀色/金色在深色背景下突出 (Amber/Gold color to pop against dark background) */
  font-weight: bold;
  margin: 0 var(--qiling-space-1);
}.qiling-module-scope-qiling_main_category_content /* 信息 (Info) */
.qmcc-info {
  padding-top: var(--qiling-space-10);
}.qiling-module-scope-qiling_main_category_content .qmcc-post-title {
  font-size: var(--qiling-text-15);
  margin: 0 0 var(--qiling-space-5);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.qiling-module-scope-qiling_main_category_content .qmcc-meta {
  display: flex;
  justify-content: space-between;
  font-size: var(--qiling-text-12);
  color: rgba(var(--color-surface-rgb), 0.5);
}.qiling-module-scope-qiling_main_category_content:not(.dark-mode) .qmcc-meta {
  color: var(--qiling-color-888888);
}.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-more-btn { color: var(--qmcc-more-btn-text, #ffffff); }.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-more-btn:hover { color: var(--qmcc-more-btn-hover-text, #ffffff); }.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-header {
  margin-bottom: var(--qiling-space-28);
  padding-bottom: var(--qiling-space-18);
  border-bottom-color: var(--qiling-component-card-border);
}.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-subcat-link {
  padding: var(--qiling-space-6) var(--qiling-space-12);
  border-radius: 999px;
  background: rgba(var(--color-primary-rgb), 0.06);
  color: var(--color-text-muted);
}.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-subcat-link:hover {
  background: var(--qiling-component-tabs-active-bg);
  color: var(--qiling-component-tabs-active-text);
}.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-more-btn {
  border-radius: 999px;
  background: var(--qmcc-more-btn-bg, var(--qiling-component-button-bg));
  color: var(--qmcc-more-btn-text, var(--qiling-component-button-text));
  border: 1px solid var(--qmcc-more-btn-border, var(--qiling-component-button-border));
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-more-btn:hover {
  background: var(--qmcc-more-btn-hover-bg, var(--qiling-component-button-hover-bg));
  color: var(--qmcc-more-btn-hover-text, var(--qiling-component-button-hover-text));
  border-color: var(--qmcc-more-btn-hover-border, var(--qiling-component-button-hover-bg));
}.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-thumb-wrapper {
  border-radius: 22px;
  box-shadow: 0 22px 44px var(--qiling-color-rgba-15-23-42-012);
}.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-info {
  padding-top: var(--qiling-space-14);
}.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-post-title {
  color: var(--color-heading);
  font-weight: 700;
}.qiling-module-scope-qiling_main_category_content .qiling-main-cat-module .qmcc-meta {
  color: var(--color-text-muted);
}.qiling-module-scope-qiling_main_category_content .qmcc-config-notice {
  display: grid;
  gap: 6px;
  max-width: 680px;
  margin: 24px auto;
  padding: 18px 20px;
  border: 1px dashed var(--color-border, rgba(148, 163, 184, 0.45));
  border-radius: 12px;
  background: var(--color-surface, #fff);
  color: var(--color-text, #1f2937);
  text-align: center;
}.qiling-module-scope-qiling_main_category_content .qmcc-config-notice span {
  color: var(--color-text-muted, #64748b);
  font-size: 14px;
}

.qiling-module-scope-qiling_shop_showcase .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-qiling_shop_showcase .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-qiling_shop_showcase .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-qiling_shop_showcase .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-qiling_shop_showcase .features-tab-btn .tab-icon,
.qiling-module-scope-qiling_shop_showcase .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-qiling_shop_showcase .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-qiling_shop_showcase .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-qiling_shop_showcase .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-qiling_shop_showcase .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-qiling_shop_showcase .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-qiling_shop_showcase .features-tabs-content {
  position: relative;
}.qiling-module-scope-qiling_shop_showcase .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-qiling_shop_showcase .features-tab-pane.active {
  display: block;
}.qiling-module-scope-qiling_shop_showcase .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-qiling_shop_showcase .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-qiling_shop_showcase .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-qiling_shop_showcase .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-qiling_shop_showcase .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-qiling_shop_showcase .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-qiling_shop_showcase .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-qiling_shop_showcase .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-qiling_shop_showcase .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-qiling_shop_showcase .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-qiling_shop_showcase .features-grid-2,
.qiling-module-scope-qiling_shop_showcase .features-grid-3,
.qiling-module-scope-qiling_shop_showcase .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-qiling_shop_showcase /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-qiling_shop_showcase .module-decor.d-left {
  left: 0;
}.qiling-module-scope-qiling_shop_showcase .module-decor.d-right {
  right: 0;
}.qiling-module-scope-qiling_shop_showcase .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-qiling_shop_showcase /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-qiling_shop_showcase .module-decor svg path,
.qiling-module-scope-qiling_shop_showcase .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-qiling_shop_showcase /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-qiling_shop_showcase .module-decor {
    display: none !important;
  }}.qiling-module-scope-qiling_shop_showcase .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-qiling_shop_showcase .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-qiling_shop_showcase .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-qiling_shop_showcase .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-qiling_shop_showcase .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-qiling_shop_showcase /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-qiling_shop_showcase .ql-travel-cols-2,
.qiling-module-scope-qiling_shop_showcase .ql-travel-cols-3,
.qiling-module-scope-qiling_shop_showcase .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-qiling_shop_showcase .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-qiling_shop_showcase /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-qiling_shop_showcase /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-qiling_shop_showcase .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-qiling_shop_showcase .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-qiling_shop_showcase .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-qiling_shop_showcase .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-qiling_shop_showcase .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-qiling_shop_showcase .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-qiling_shop_showcase /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-qiling_shop_showcase /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-qiling_shop_showcase /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-qiling_shop_showcase [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-qiling_shop_showcase .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-qiling_shop_showcase /* ===== 启灵商店展示 (qiling_shop_showcase) ===== */

/* === 模块样式 === */
.module-qiling-shop-showcase .qss-header {
  text-align: center;
  margin-bottom: var(--qiling-space-32);
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-title {
  font-size: var(--qiling-text-28);
  font-weight: 700;
  color: var(--color-neutral-800);
  margin: 0 0 var(--qiling-space-10) 0;
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-subtitle {
  font-size: var(--qiling-text-16);
  color: var(--color-text-muted);
}.qiling-module-scope-qiling_shop_showcase /* 轮播容器 */
.module-qiling-shop-showcase .qss-carousel-container {
  position: relative;
  padding: 0 var(--qiling-space-14); /* 给箭头留空间 */
}.qiling-module-scope-qiling_shop_showcase /* Swiper 调整 (Swiper adjustments) */
.module-qiling-shop-showcase .qss-swiper {
  padding-bottom: var(--qiling-space-42); /* 给分页器留空间 */
  overflow: hidden; /* 隐藏溢出 */
}.qiling-module-scope-qiling_shop_showcase /* 商品卡片 */
.module-qiling-shop-showcase .qss-product-card {
  display: block;
  background: var(--color-surface);
  border-radius: 16px;
  overflow: hidden;
  box-shadow:
    0 4px 6px -1px var(--qiling-color-rgba-0-0-0-005),
    0 2px 4px -1px var(--qiling-color-rgba-0-0-0-003);
  transition: all 0.3s ease;
  text-decoration: none;
  height: 100%;
  border: 1px solid var(--qiling-color-rgba-0-0-0-002);
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-product-card:hover {
  transform: translateY(-5px);
  box-shadow:
    0 20px 25px -5px var(--qiling-color-rgba-0-0-0-01),
    0 10px 10px -5px var(--qiling-color-rgba-0-0-0-004);
}.qiling-module-scope-qiling_shop_showcase /* 图片区域 */
.module-qiling-shop-showcase .qss-img-wrap {
  position: relative;
  padding-bottom: var(--qiling-space-pct-100); /* 1:1 正方形 */
  background: var(--color-neutral-100);
  overflow: hidden;
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-product-card:hover .qss-img {
  transform: scale(1.05); /* 悬停轻微放大 */
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-img-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-neutral-300);
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-img-placeholder .dashicons {
  font-size: var(--qiling-text-48);
  width: 48px;
  height: 48px;
}.qiling-module-scope-qiling_shop_showcase /* 信息区域 */
.module-qiling-shop-showcase .qss-info {
  padding: var(--qiling-space-16);
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-name {
  font-size: var(--qiling-text-16);
  font-weight: 600;
  color: var(--color-neutral-700);
  margin: 0;
  line-height: 1.4;
  /* 两行截断 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.65em;
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-desc {
  font-size: var(--qiling-text-13);
  color: var(--color-neutral-400);
  margin: 0 0 var(--qiling-space-12) 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.qiling-module-scope-qiling_shop_showcase /* 底部元数据：价格 + 购物车 */
.module-qiling-shop-showcase .qss-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--qiling-space-2);
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-price {
  font-size: var(--qiling-text-17);
  font-weight: 700;
  color: var(--color-error);
  line-height: 1.2;
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-cart-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--color-neutral-100);
  color: var(--color-neutral-600);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-product-card:hover .qss-cart-btn {
  background: var(--color-primary);
  color: var(--color-text-inverse);
}.qiling-module-scope-qiling_shop_showcase /* Swiper 箭头 (Swiper arrows) */
.module-qiling-shop-showcase .qss-prev,
.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-next {
  --swiper-navigation-size: 44px;
  width: 40px;
  height: 40px;
  background: var(--color-surface);
  border-radius: 50%;
  box-shadow: 0 4px 12px var(--qiling-color-rgba-0-0-0-01);
  color: var(--color-neutral-700);
  display: flex;
  align-items: center;
  justify-content: center;
  top: calc(50% - 18px);
  margin-top: 0;
  z-index: 3;
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-prev {
  left: -2px;
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-next {
  right: -2px;
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-prev:after,
.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-next:after {
  font-size: var(--qiling-text-12);
  font-weight: bold;
  line-height: 1;
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-prev .swiper-navigation-icon,
.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-next .swiper-navigation-icon,
.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-prev svg,
.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-next svg {
  width: 18px;
  height: 18px;
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-prev:hover,
.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-next:hover {
  background: var(--color-primary);
  color: var(--color-text-inverse);
}.qiling-module-scope-qiling_shop_showcase /* Swiper 分页器 (Swiper pagination) */
.module-qiling-shop-showcase .qss-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: var(--color-neutral-300);
  opacity: 0.8;
  transition: all 0.3s;
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-pagination .swiper-pagination-bullet-active {
  background: var(--color-primary);
  width: 24px;
  border-radius: 4px;
}@media (max-width: 767px){.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-carousel-container {
    padding: 0 var(--qiling-space-6);
  }.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-swiper {
    padding-bottom: var(--qiling-space-34);
  }.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-prev,
.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-next {
    display: none;
  }
}.qiling-module-scope-qiling_shop_showcase /* === 暗黑模式适配 === */
html.dark-mode .module-qiling-shop-showcase {
  background: var(--color-neutral-900) !important; /* 强制深色背景 */
}html.dark-mode .qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-title {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-subtitle {
  color: var(--color-neutral-400);
}html.dark-mode .qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-product-card {
  background: var(--color-neutral-800);
  border-color: var(--color-neutral-700);
}html.dark-mode .qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-img-wrap {
  background: var(--color-neutral-700);
}html.dark-mode .qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-name {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-desc {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-cart-btn {
  background: var(--color-neutral-700);
  color: var(--color-neutral-400);
}.qiling-module-scope-qiling_shop_showcase html.dark-mode
  .module-qiling-shop-showcase
  .qss-product-card:hover
  .qss-cart-btn {
  background: var(--color-primary);
  color: var(--color-text-inverse);
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-product-card {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
  padding: var(--qiling-space-8) var(--qiling-space-8) var(--qiling-space-10);
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-img-wrap {
  border-radius: 16px;
  background: var(--qiling-component-surface-alt-bg, var(--color-neutral-100));
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-info {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-6);
  min-height: 88px;
  padding-top: var(--qiling-space-10);
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-cart-btn {
  width: 36px;
  min-width: var(--qiling-measure-36);
  min-height: 36px;
  padding: 0;
  border-radius: 999px;
  background: var(--qiling-component-button-bg);
  color: var(--qiling-component-button-text);
  border: 1px solid var(--qiling-component-button-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-prev,
.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-next {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-pagination .swiper-pagination-bullet-active {
  background: var(--color-primary);
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-meta {
  margin-top: auto;
}.qiling-module-scope-qiling_shop_showcase .module-qiling-shop-showcase .qss-product-card:hover {
  border-color: rgba(var(--color-primary-rgb), 0.18);
  box-shadow: 0 24px 48px var(--qiling-color-rgba-15-23-42-014);
}

.qiling-module-scope-qiling_universal_recommend .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-qiling_universal_recommend .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-qiling_universal_recommend .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-qiling_universal_recommend .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-qiling_universal_recommend .features-tab-btn .tab-icon,
.qiling-module-scope-qiling_universal_recommend .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-qiling_universal_recommend .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-qiling_universal_recommend .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-qiling_universal_recommend .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-qiling_universal_recommend .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-qiling_universal_recommend .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-qiling_universal_recommend .features-tabs-content {
  position: relative;
}.qiling-module-scope-qiling_universal_recommend .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-qiling_universal_recommend .features-tab-pane.active {
  display: block;
}.qiling-module-scope-qiling_universal_recommend .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-qiling_universal_recommend .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-qiling_universal_recommend .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-qiling_universal_recommend .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-qiling_universal_recommend .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-qiling_universal_recommend .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-qiling_universal_recommend .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-qiling_universal_recommend .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-qiling_universal_recommend .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-qiling_universal_recommend .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-qiling_universal_recommend .features-grid-2,
.qiling-module-scope-qiling_universal_recommend .features-grid-3,
.qiling-module-scope-qiling_universal_recommend .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-qiling_universal_recommend /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-qiling_universal_recommend .module-decor.d-left {
  left: 0;
}.qiling-module-scope-qiling_universal_recommend .module-decor.d-right {
  right: 0;
}.qiling-module-scope-qiling_universal_recommend .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-qiling_universal_recommend /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-qiling_universal_recommend .module-decor svg path,
.qiling-module-scope-qiling_universal_recommend .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-qiling_universal_recommend /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-qiling_universal_recommend .module-decor {
    display: none !important;
  }}.qiling-module-scope-qiling_universal_recommend .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-qiling_universal_recommend .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-qiling_universal_recommend .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-qiling_universal_recommend .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-qiling_universal_recommend .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-qiling_universal_recommend /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-qiling_universal_recommend .ql-travel-cols-2,
.qiling-module-scope-qiling_universal_recommend .ql-travel-cols-3,
.qiling-module-scope-qiling_universal_recommend .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-qiling_universal_recommend .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-qiling_universal_recommend /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-qiling_universal_recommend /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-qiling_universal_recommend .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-qiling_universal_recommend .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-qiling_universal_recommend .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-qiling_universal_recommend .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-qiling_universal_recommend .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-qiling_universal_recommend .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-qiling_universal_recommend /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-qiling_universal_recommend /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-qiling_universal_recommend /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-qiling_universal_recommend [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-qiling_universal_recommend .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-qiling_universal_recommend /* ===============================
 * Qiling Universal Recommend Module
 * =============================== */
.module-qiling-universal-recommend {
  position: relative;
  --qur-rank-1: var(--color-warning);
  --qur-rank-2: var(--color-neutral-400);
  --qur-rank-3: var(--qiling-color-c2410c);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-header {
  margin-bottom: var(--qiling-space-40);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-title {
  margin: 0;
  font-size: var(--qiling-text-rem-2);
  font-weight: 700;
  color: var(--qur-title-color, var(--color-neutral-800));
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-subtitle {
  margin: var(--qiling-space-12) 0 0;
  font-size: var(--qiling-text-rem-1);
  color: var(--qur-meta-color, var(--color-text-muted));
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-topics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--qur-gap, var(--qiling-space-24));
  margin-bottom: var(--qiling-space-40);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-topic-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-16);
  padding: var(--qiling-space-20);
  border-radius: 16px;
  border: 1px solid var(--qur-card-border, var(--color-neutral-200));
  background: var(--qur-card-bg, var(--color-surface));
  box-shadow: var(
    --qur-card-shadow,
    0 10px 30px var(--qiling-color-rgba-0-0-0-008)
  );
  text-decoration: none;
  color: inherit;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-topic-card:hover {
  transform: translateY(-6px);
  border-color: var(--qur-accent, var(--color-primary, var(--color-primary)));
  box-shadow: 0 16px 45px var(--qiling-color-rgba-0-0-0-012);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-topic-media {
  width: 100%;
  border-radius: 12px;
  padding-top: var(--qiling-space-pct-56);
  background-size: cover;
  background-position: center;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-topic-placeholder {
  background: linear-gradient(
    135deg,
    var(--color-neutral-200) 0%,
    var(--color-neutral-50) 100%
  );
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-topic-content h3 {
  margin: 0 0 var(--qiling-space-6);
  font-size: var(--qiling-text-rem-1p1);
  color: var(--qur-title-color, var(--color-neutral-800));
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-topic-content p {
  margin: 0;
  font-size: var(--qiling-text-rem-0p9);
  color: var(--qur-text-color, var(--color-neutral-600));
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-grid {
  display: grid;
  gap: var(--qur-gap, var(--qiling-space-24));
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-grid.cols-2 {
  grid-template-columns: repeat(2, 1fr);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-grid.cols-3 {
  grid-template-columns: repeat(3, 1fr);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-grid.cols-4 {
  grid-template-columns: repeat(4, 1fr);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-list {
  display: flex;
  flex-direction: column;
  gap: var(--qur-gap, var(--qiling-space-24));
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--qur-card-bg, var(--color-surface));
  border: 1px solid var(--qur-card-border, var(--color-neutral-200));
  border-radius: var(--qur-card-radius, 16px);
  box-shadow: var(
    --qur-card-shadow,
    0 10px 30px var(--qiling-color-rgba-0-0-0-008)
  );
  overflow: hidden;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-card:hover {
  transform: translateY(-6px);
  border-color: var(--qur-accent, var(--color-primary, var(--color-primary)));
  box-shadow: 0 16px 45px var(--qiling-color-rgba-0-0-0-012);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-list .ql-ur-card {
  flex-direction: row;
  align-items: stretch;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.no-image .ql-ur-card {
  flex-direction: column;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-media {
  position: relative;
  display: block;
  width: 100%;
  background: var(--color-neutral-100);
  overflow: hidden;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-list .ql-ur-media {
  flex: 0 0 260px;
  max-width: var(--qiling-measure-260);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-media-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    135deg,
    var(--color-neutral-200) 0%,
    var(--color-neutral-50) 100%
  );
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-flex;
  align-items: center;
  padding: var(--qiling-space-4) var(--qiling-space-10);
  border-radius: 999px;
  background: var(--qiling-component-badge-bg);
  background: color-mix(
    in srgb,
    var(--qiling-component-badge-bg) 90%,
    var(--qiling-color-rgba-255-255-255-01)
  );
  color: var(--qiling-component-badge-text);
  border: 1px solid rgba(var(--color-surface-rgb), 0.22);
  backdrop-filter: blur(6px);
  box-shadow: 0 10px 24px var(--qiling-color-rgba-15-23-42-014);
  font-size: var(--qiling-text-rem-0p75);
  font-weight: 600;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-badge.badge-inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-flex;
  margin-bottom: var(--qiling-space-10);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-content {
  padding: var(--qiling-space-22);
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-10);
  flex: 1;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-meta {
  font-size: var(--qiling-text-rem-0p85);
  color: var(--qur-meta-color, var(--color-text-muted));
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-card-title {
  margin: 0;
  font-size: var(--qiling-text-rem-1p1);
  line-height: 1.4;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-card-title a {
  color: var(--qur-title-color, var(--color-neutral-800));
  text-decoration: none;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-card-title a:hover {
  color: var(--qur-accent, var(--color-primary, var(--color-primary)));
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-excerpt {
  margin: 0;
  color: var(--qur-text-color, var(--color-neutral-600));
  font-size: var(--qiling-text-rem-0p95);
  line-height: 1.7;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-more {
  margin-top: var(--qiling-space-40);
  text-align: center;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-empty {
  text-align: center;
  padding: var(--qiling-space-40) var(--qiling-space-20);
  color: var(--qur-meta-color, var(--color-neutral-400));
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-ranking {
  display: flex;
  flex-direction: column;
  gap: var(--qur-gap, var(--qiling-space-24));
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-ranking-top {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--qur-gap, var(--qiling-space-24));
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--qur-card-bg, var(--color-surface));
  border: 1px solid var(--qur-card-border, var(--color-neutral-200));
  border-radius: var(--qur-card-radius, 16px);
  box-shadow: var(
    --qur-card-shadow,
    0 10px 30px var(--qiling-color-rgba-0-0-0-008)
  );
  overflow: hidden;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-card:hover {
  transform: translateY(-6px);
  border-color: var(--qur-accent, var(--color-primary, var(--color-primary)));
  box-shadow: 0 16px 45px var(--qiling-color-rgba-0-0-0-012);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: var(--qur-accent, var(--color-primary, var(--color-primary)));
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-rem-0p9);
  font-weight: 700;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-card .ql-ur-rank-number {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-card.rank-1 .ql-ur-rank-number {
  background: var(--qur-rank-1, var(--color-warning));
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-card.rank-2 .ql-ur-rank-number {
  background: var(--qur-rank-2, var(--color-neutral-400));
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-card.rank-3 .ql-ur-rank-number {
  background: var(--qur-rank-3, var(--qiling-color-c2410c));
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-ranking-list {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-12);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-row {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-12);
  padding: var(--qiling-space-14) var(--qiling-space-16);
  background: var(--qur-card-bg, var(--color-surface));
  border: 1px solid var(--qur-card-border, var(--color-neutral-200));
  border-radius: 12px;
  box-shadow: var(
    --qur-card-shadow,
    0 10px 30px var(--qiling-color-rgba-0-0-0-008)
  );
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-row .ql-ur-rank-number {
  flex-shrink: 0;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-6);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-title {
  font-weight: 600;
  color: var(--qur-title-color, var(--color-neutral-800));
  text-decoration: none;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-title:hover {
  color: var(--qur-accent, var(--color-primary, var(--color-primary)));
}@media (max-width: 1024px){.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-grid.cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-grid.cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-list .ql-ur-media {
    flex: 0 0 220px;
    max-width: var(--qiling-measure-220);
  }.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-ranking-top {
    grid-template-columns: repeat(2, 1fr);
  }
}@media (max-width: 768px){.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-grid.cols-4,
.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-grid.cols-3,
.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-grid.cols-2 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-list .ql-ur-card {
    flex-direction: column;
  }.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-list.layout-list .ql-ur-media {
    max-width: var(--qiling-measure-pct-100);
  }.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-ranking-top {
    grid-template-columns: 1fr;
  }.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-row {
    flex-direction: column;
    align-items: flex-start;
  }
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-more .ql-ur-more-btn { color: var(--qur-more-btn-text, #ffffff); }.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-more .ql-ur-more-btn:hover { color: var(--qur-more-btn-hover-text, #ffffff); }.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-topic-card,
.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-card,
.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-card,
.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-row {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: calc(var(--qiling-card-radius) + 4px);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-topic-card:hover,
.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-card:hover,
.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-rank-card:hover {
  border-color: rgba(var(--color-primary-rgb), 0.18);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-badge {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border-radius: 999px;
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-more .ql-ur-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 var(--qiling-space-18);
  border-radius: 999px;
  background: var(--qur-more-btn-bg, var(--qiling-component-button-bg));
  color: var(--qur-more-btn-text, var(--qiling-component-button-text));
  border: 1px solid
    var(--qur-more-btn-border, var(--qiling-component-button-border));
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-qiling_universal_recommend .module-qiling-universal-recommend .ql-ur-more .ql-ur-more-btn:hover {
  background: var(
    --qur-more-btn-hover-bg,
    var(--qiling-component-button-hover-bg)
  );
  color: var(
    --qur-more-btn-hover-text,
    var(--qiling-component-button-hover-text)
  );
  border-color: var(
    --qur-more-btn-hover-border,
    var(--qiling-component-button-hover-bg)
  );
}

.qiling-module-scope-qiling_video_portal_hero .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-qiling_video_portal_hero .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-qiling_video_portal_hero .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-qiling_video_portal_hero .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-qiling_video_portal_hero .features-tab-btn .tab-icon,
.qiling-module-scope-qiling_video_portal_hero .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-qiling_video_portal_hero .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-qiling_video_portal_hero .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-qiling_video_portal_hero .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-qiling_video_portal_hero .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-qiling_video_portal_hero .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-qiling_video_portal_hero .features-tabs-content {
  position: relative;
}.qiling-module-scope-qiling_video_portal_hero .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-qiling_video_portal_hero .features-tab-pane.active {
  display: block;
}.qiling-module-scope-qiling_video_portal_hero .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-qiling_video_portal_hero .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-qiling_video_portal_hero .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-qiling_video_portal_hero .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-qiling_video_portal_hero .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-qiling_video_portal_hero .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-qiling_video_portal_hero .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-qiling_video_portal_hero .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-qiling_video_portal_hero .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-qiling_video_portal_hero .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-qiling_video_portal_hero .features-grid-2,
.qiling-module-scope-qiling_video_portal_hero .features-grid-3,
.qiling-module-scope-qiling_video_portal_hero .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-qiling_video_portal_hero /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-qiling_video_portal_hero .module-decor.d-left {
  left: 0;
}.qiling-module-scope-qiling_video_portal_hero .module-decor.d-right {
  right: 0;
}.qiling-module-scope-qiling_video_portal_hero .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-qiling_video_portal_hero /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-qiling_video_portal_hero .module-decor svg path,
.qiling-module-scope-qiling_video_portal_hero .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-qiling_video_portal_hero /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-qiling_video_portal_hero .module-decor {
    display: none !important;
  }}.qiling-module-scope-qiling_video_portal_hero .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-qiling_video_portal_hero .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-qiling_video_portal_hero .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-qiling_video_portal_hero .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-qiling_video_portal_hero .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-qiling_video_portal_hero /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-qiling_video_portal_hero .ql-travel-cols-2,
.qiling-module-scope-qiling_video_portal_hero .ql-travel-cols-3,
.qiling-module-scope-qiling_video_portal_hero .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-qiling_video_portal_hero .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-qiling_video_portal_hero /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-qiling_video_portal_hero /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-qiling_video_portal_hero .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-qiling_video_portal_hero .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-qiling_video_portal_hero .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-qiling_video_portal_hero .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-qiling_video_portal_hero .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-qiling_video_portal_hero .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-qiling_video_portal_hero /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-qiling_video_portal_hero /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-qiling_video_portal_hero /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-qiling_video_portal_hero [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-qiling_video_portal_hero .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-play-btn { color: var(--qvph-play-btn-text, #ffffff); }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-play-btn:hover { color: var(--qvph-play-btn-hover-text, #ffffff); }@media (max-width: 767px){.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--glass .qvph-search-hot {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    max-height: none;
    padding-bottom: 3px;
    scrollbar-width: none;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--glass .qvph-search-hot > * {
    flex: 0 0 auto;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero
    .qvph-search--glass
    .qvph-search-hot::-webkit-scrollbar {
    display: none;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-list {
    padding-top: 6px;
  }
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero {
  --qvph-panel-width: 480px;
  --qvph-primary: var(--qiling-color-ff3c00);
  position: relative;
  width: 100%;
  height: var(--qvph-height-pc, 650px);
  overflow: hidden;
  background: var(--qiling-color-000000);
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-14);
}.qiling-module-scope-qiling_video_portal_hero .qvph-bg-container,
.qiling-module-scope-qiling_video_portal_hero .qvph-bg-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}.qiling-module-scope-qiling_video_portal_hero .qvph-bg-item {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}.qiling-module-scope-qiling_video_portal_hero .qvph-bg-item.active {
  opacity: 1;
  z-index: 2;
}.qiling-module-scope-qiling_video_portal_hero .qvph-bg-img,
.qiling-module-scope-qiling_video_portal_hero .qvph-nav-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}.qiling-module-scope-qiling_video_portal_hero .qvph-bg-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    var(--qiling-color-rgba-0-0-0-0) 0%,
    var(--qiling-color-rgba-0-0-0-02) 40%,
    var(--qiling-color-rgba-0-0-0-085) 80%,
    var(--qiling-color-rgba-0-0-0-095) 100%
  );
}.qiling-module-scope-qiling_video_portal_hero .qvph-content-container {
  position: relative;
  height: 100%;
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}@media (min-width: 1025px){.qiling-module-scope-qiling_video_portal_hero .qvph-content-container {
    width: 100%;
    max-width: min(
      calc(var(--qiling-container-width) + 200px),
      calc(100% - 40px)
    );
    box-sizing: border-box;
  }
}.qiling-module-scope-qiling_video_portal_hero .qvph-info-wrapper {
  position: relative;
  min-height: 180px;
}.qiling-module-scope-qiling_video_portal_hero .qvph-info-item {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  animation: slideInRight 0.4s ease-out;
}.qiling-module-scope-qiling_video_portal_hero .qvph-info-item.active {
  display: flex;
}.qiling-module-scope-qiling_video_portal_hero .qvph-title-text {
  font-size: var(--qiling-text-42);
  line-height: 1.2;
  margin: 0 0 var(--qiling-space-15);
  font-weight: 800;
  text-shadow: 0 2px 10px var(--qiling-color-rgba-0-0-0-05);
}.qiling-module-scope-qiling_video_portal_hero .qvph-title-img {
  max-height: 80px;
  width: auto;
  margin-bottom: var(--qiling-space-20);
}.qiling-module-scope-qiling_video_portal_hero .qvph-meta-row {
  display: flex;
  align-items: center;
  font-size: var(--qiling-text-15);
  color: var(--qiling-color-rgba-255-255-255-08);
  margin-bottom: var(--qiling-space-12);
}.qiling-module-scope-qiling_video_portal_hero .qvph-sep {
  margin: 0 var(--qiling-space-10);
  opacity: 0.5;
}.qiling-module-scope-qiling_video_portal_hero .qvph-tag {
  color: var(--qvph-primary);
  font-weight: 700;
}.qiling-module-scope-qiling_video_portal_hero .qvph-desc {
  font-size: var(--qiling-text-14);
  line-height: 1.6;
  color: var(--qiling-color-rgba-255-255-255-06);
  margin: 0 0 var(--qiling-space-20);
  max-width: var(--qiling-measure-pct-90);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.qiling-module-scope-qiling_video_portal_hero .qvph-play-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-8);
  background: linear-gradient(
    90deg,
    var(--qiling-color-ff512f) 0%,
    var(--qiling-color-dd2476) 100%
  );
  color: var(--color-text-inverse);
  padding: var(--qiling-space-12) var(--qiling-space-36);
  border-radius: 30px;
  font-size: var(--qiling-text-16);
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
  box-shadow: 0 4px 15px var(--qiling-color-rgba-221-36-118-04);
}.qiling-module-scope-qiling_video_portal_hero .qvph-play-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px var(--qiling-color-rgba-221-36-118-06);
  color: var(--color-text-inverse);
}.qiling-module-scope-qiling_video_portal_hero .qvph-nav-list {
  display: flex;
  gap: var(--qiling-space-12);
  overflow-x: auto;
  padding-bottom: var(--qiling-space-10);
  scrollbar-width: none;
}.qiling-module-scope-qiling_video_portal_hero .qvph-nav-list::-webkit-scrollbar {
  display: none;
}.qiling-module-scope-qiling_video_portal_hero .qvph-nav-item {
  flex: 0 0 100px;
  cursor: pointer;
  transition: transform 0.2s;
  position: relative;
}.qiling-module-scope-qiling_video_portal_hero .qvph-nav-item:hover {
  transform: translateY(-4px);
}.qiling-module-scope-qiling_video_portal_hero .qvph-nav-thumb {
  width: 100%;
  aspect-ratio: 2/3;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  border: 2px solid var(--qiling-color-transparent);
  transition: border-color 0.2s;
}.qiling-module-scope-qiling_video_portal_hero .qvph-nav-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-rgba-0-0-0-04);
  transition: opacity 0.2s;
}.qiling-module-scope-qiling_video_portal_hero .qvph-nav-item.active .qvph-nav-thumb {
  border-color: var(--qvph-primary);
}.qiling-module-scope-qiling_video_portal_hero .qvph-nav-item.active .qvph-nav-overlay,
.qiling-module-scope-qiling_video_portal_hero .qvph-nav-item:hover .qvph-nav-overlay {
  opacity: 0;
}.qiling-module-scope-qiling_video_portal_hero .qvph-nav-title {
  margin-top: var(--qiling-space-6);
  font-size: var(--qiling-text-12);
  color: var(--qiling-color-rgba-255-255-255-07);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.qiling-module-scope-qiling_video_portal_hero .qvph-nav-item.active .qvph-nav-title {
  color: var(--color-text-inverse);
  font-weight: 700;
}.qiling-module-scope-qiling_video_portal_hero .qvph-nav-badge {
  position: absolute;
  top: 4px;
  right: 4px;
  background: var(--qiling-color-dd2476);
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-10);
  padding: var(--qiling-space-1) var(--qiling-space-4);
  border-radius: 2px;
  line-height: 1;
}.qiling-module-scope-qiling_video_portal_hero .qvph-bottom-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: var(--qiling-color-rgba-255-255-255-005);
  backdrop-filter: blur(10px);
  border-top: 1px solid var(--qiling-color-rgba-255-255-255-01);
  z-index: 20;
}.qiling-module-scope-qiling_video_portal_hero .qvph-bottom-inner {
  justify-content: space-between;
}.qiling-module-scope-qiling_video_portal_hero .qvph-bottom-inner,
.qiling-module-scope-qiling_video_portal_hero .qvph-col {
  display: flex;
  align-items: center;
  height: 100%;
}.qiling-module-scope-qiling_video_portal_hero .qvph-col-cats {
  flex: 2;
  gap: var(--qiling-space-20);
  font-weight: 700;
}.qiling-module-scope-qiling_video_portal_hero .qvph-cat-link {
  color: var(--qiling-color-dddddd);
  text-decoration: none;
  position: relative;
  transition: color 0.2s;
}.qiling-module-scope-qiling_video_portal_hero .qvph-cat-link:hover,
.qiling-module-scope-qiling_video_portal_hero .qvph-icon-link:hover {
  color: var(--color-text-inverse);
}.qiling-module-scope-qiling_video_portal_hero .qvph-badge-dot {
  position: absolute;
  top: -6px;
  right: -10px;
  font-size: var(--qiling-text-10);
  padding: 0 var(--qiling-space-3);
  border-radius: 2px;
  line-height: var(--qiling-leading-12);
}.qiling-module-scope-qiling_video_portal_hero .badge-red {
  background: var(--qiling-color-ff4757);
}.qiling-module-scope-qiling_video_portal_hero .badge-blue,
.qiling-module-scope-qiling_video_portal_hero .badge-orange,
.qiling-module-scope-qiling_video_portal_hero .badge-red {
  color: var(--color-text-inverse);
}.qiling-module-scope-qiling_video_portal_hero .badge-orange {
  background: var(--qiling-color-ffa502);
}.qiling-module-scope-qiling_video_portal_hero .badge-blue {
  background: var(--qiling-color-1e90ff);
}.qiling-module-scope-qiling_video_portal_hero .qvph-col-icons {
  flex: 1;
  justify-content: center;
  gap: var(--qiling-space-30);
  border-left: 1px solid var(--qiling-color-rgba-255-255-255-01);
  border-right: 1px solid var(--qiling-color-rgba-255-255-255-01);
}.qiling-module-scope-qiling_video_portal_hero .qvph-icon-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--qiling-space-4);
  color: var(--qiling-color-rgba-255-255-255-06);
  text-decoration: none;
  font-size: var(--qiling-text-12);
  transition: color 0.2s;
}.qiling-module-scope-qiling_video_portal_hero .qvph-icon-link img {
  width: 20px;
  height: 20px;
  opacity: 0.8;
}.qiling-module-scope-qiling_video_portal_hero .qvph-col-trends {
  flex: 1.5;
  justify-content: flex-end;
  gap: var(--qiling-space-15);
  overflow: hidden;
}.qiling-module-scope-qiling_video_portal_hero .qvph-trend-link {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-decoration: none;
  line-height: 1.3;
}.qiling-module-scope-qiling_video_portal_hero .qvph-trend-text {
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-14);
}.qiling-module-scope-qiling_video_portal_hero .qvph-trend-info {
  color: var(--qiling-color-rgba-255-255-255-05);
  font-size: var(--qiling-text-12);
}@media (max-width: 1024px){.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero {
    height: auto;
    min-height: var(--qvph-height-mb, 400px);
  }.qiling-module-scope-qiling_video_portal_hero .qvph-bottom-bar {
    display: none;
  }.qiling-module-scope-qiling_video_portal_hero .qvph-bg-mask {
    background: linear-gradient(
      180deg,
      var(--qiling-color-rgba-0-0-0-0) 0%,
      var(--qiling-color-rgba-0-0-0-06) 100%
    );
  }.qiling-module-scope-qiling_video_portal_hero .qvph-content-container {
    justify-content: center;
    align-items: flex-end;
    padding-bottom: var(--qiling-space-30);
  }.qiling-module-scope-qiling_video_portal_hero .qvph-right-panel {
    width: 100%;
    margin-top: 0;
  }.qiling-module-scope-qiling_video_portal_hero .qvph-info-wrapper {
    min-height: auto;
    margin-bottom: var(--qiling-space-20);
  }.qiling-module-scope-qiling_video_portal_hero .qvph-info-item {
    align-items: center;
    text-align: center;
  }.qiling-module-scope-qiling_video_portal_hero .qvph-title-text {
    font-size: var(--qiling-text-28);
  }.qiling-module-scope-qiling_video_portal_hero .qvph-desc {
    display: none;
  }.qiling-module-scope-qiling_video_portal_hero .qvph-nav-list {
    justify-content: flex-start;
    padding-left: var(--qiling-space-10);
  }
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search {
  width: 100%;
  margin-top: calc(var(--qiling-space-12) * -1);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-form {
  position: relative;
  width: 100%;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-box {
  display: flex;
  align-items: center;
  min-height: 48px;
  overflow: hidden;
  border: 1px solid var(--qiling-color-rgba-255-255-255-016);
  border-radius: 999px;
  background: var(--qiling-color-rgba-15-23-42-052);
  box-shadow: 0 16px 34px var(--qiling-color-rgba-15-23-42-024);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-box:focus-within {
  border-color: var(--qvph-primary);
  box-shadow:
    0 0 0 3px rgba(255, 60, 0, 0.18),
    0 18px 38px var(--qiling-color-rgba-15-23-42-026);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-icon {
  flex: 0 0 19px;
  width: 19px;
  height: 19px;
  margin-left: var(--qiling-space-16);
  fill: none;
  stroke: var(--qiling-color-rgba-255-255-255-065);
  stroke-linecap: round;
  stroke-width: 2;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-input {
  flex: 1;
  min-width: 0;
  height: 48px;
  padding: 0 var(--qiling-space-12);
  border: 0;
  outline: 0;
  background: 0 0;
  color: var(--color-text-inverse);
  font: inherit;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-input::placeholder {
  color: var(--qiling-color-rgba-255-255-255-052);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-input::-webkit-search-cancel-button {
  filter: invert(1);
  opacity: 0.65;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-submit {
  align-self: stretch;
  min-width: 82px;
  padding: 0 var(--qiling-space-18);
  border: 0;
  border-radius: 999px;
  background: var(--qvph-primary);
  color: var(--color-text-inverse);
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  transition:
    filter 0.2s ease,
    transform 0.2s ease;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-submit:focus-visible,
.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-submit:hover {
  filter: brightness(1.1);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-hot {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--qiling-space-9);
  min-height: 24px;
  margin-top: var(--qiling-space-9);
  padding: 0 var(--qiling-space-6);
  color: var(--qiling-color-rgba-255-255-255-052);
  font-size: var(--qiling-text-12);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-hot a {
  color: var(--qiling-color-rgba-255-255-255-075);
  text-decoration: none;
  transition: color 0.2s ease;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-hot a:focus-visible,
.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-hot a:hover {
  color: var(--color-text-inverse);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--solid .qvph-search-box {
  border-color: var(--qiling-color-rgba-255-255-255-075);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 34px var(--qiling-color-rgba-15-23-42-018);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--solid .qvph-search-icon {
  stroke: rgba(15, 23, 42, 0.62);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--solid .qvph-search-input {
  color: #0f172a;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--solid .qvph-search-input::placeholder {
  color: rgba(15, 23, 42, 0.52);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero
  .qvph-search--solid
  .qvph-search-input::-webkit-search-cancel-button {
  filter: none;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--compact .qvph-search-box,
.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--compact .qvph-search-input {
  min-height: 40px;
  height: 40px;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--compact .qvph-search-submit {
  min-width: 70px;
  padding-inline: var(--qiling-space-14);
  font-size: var(--qiling-text-13);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search .qiling-search-suggestions {
  z-index: 30;
  color: var(--color-text);
  text-align: left;
}@media (max-width: 1024px){.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero.qvph-has-search .qvph-content-container {
    padding-top: 72px;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero.qvph-has-search .qvph-right-panel {
    gap: var(--qiling-space-18);
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search {
    width: min(100%, 560px);
    margin: 0 auto;
  }
}@media (max-width: 767px){.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-box {
    min-height: 44px;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-input {
    height: 44px;
    padding-inline: var(--qiling-space-9);
    font-size: var(--qiling-text-13);
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-icon {
    margin-left: var(--qiling-space-13);
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-submit {
    min-width: 68px;
    padding-inline: var(--qiling-space-12);
    font-size: var(--qiling-text-13);
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-hot {
    justify-content: center;
    max-height: 52px;
    overflow: hidden;
  }
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-bg-mask {
  background: linear-gradient(
      90deg,
      rgba(3, 5, 10, 0.93),
      rgba(3, 5, 10, 0.72) 34%,
      rgba(3, 5, 10, 0.22) 62%,
      rgba(3, 5, 10, 0.82)
    ),
    linear-gradient(0deg, rgba(3, 5, 10, 0.78), transparent 42%);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-content-container {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  align-items: stretch;
  justify-content: stretch;
  height: 100%;
  padding-top: clamp(104px, 9vw, 132px);
  padding-bottom: 88px;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 440px);
  gap: clamp(48px, 7vw, 112px);
  align-items: center;
  min-height: 0;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-info-wrapper {
  width: min(100%, 620px);
  min-height: 0;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-title-text {
  max-width: 12ch;
  margin-bottom: 18px;
  color: #fff;
  font-size: clamp(42px, 5vw, 70px);
  font-weight: 800;
  letter-spacing: -0.055em;
  line-height: 1.02;
  text-wrap: balance;
  text-shadow: 0 8px 32px rgba(0, 0, 0, 0.38);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-meta-row {
  gap: 10px;
  margin-bottom: 16px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-sep {
  margin: 0;
  color: rgba(255, 255, 255, 0.28);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-tag {
  color: #fca5a5;
  font-weight: 700;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-desc {
  max-width: 52ch;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 15px;
  line-height: 1.75;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-play-btn {
  min-height: 46px;
  padding: 0 22px;
  border-radius: 10px;
  background: #ef4444;
  box-shadow: 0 12px 30px rgba(239, 68, 68, 0.25);
  font-size: 14px;
  font-weight: 700;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-play-btn:hover {
  background: #dc2626;
  box-shadow: 0 16px 34px rgba(239, 68, 68, 0.3);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-self: center;
  overflow: visible;
  padding: 0;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-item {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: 0 0;
  opacity: 0.66;
  transform: none;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-item.active,
.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-item:hover {
  border-color: transparent;
  background: 0 0;
  opacity: 1;
  transform: translateY(-5px);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-thumb {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 9px;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-item.active .qvph-nav-thumb {
  border-color: #ef4444;
  box-shadow:
    0 0 0 2px rgba(239, 68, 68, 0.18),
    0 18px 34px rgba(0, 0, 0, 0.35);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-title {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-stage {
  position: static;
  z-index: auto;
  width: min(760px, 100%);
  margin-top: 30px;
  pointer-events: auto;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema,
.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-stage .qvph-search {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: 0 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-box {
  position: relative;
  min-height: 56px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  background: rgba(8, 11, 18, 0.86);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-box:before,
.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-kicker {
  display: none;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-box:focus-within {
  border-color: rgba(239, 68, 68, 0.86);
  box-shadow:
    0 0 0 3px rgba(239, 68, 68, 0.13),
    0 16px 38px rgba(0, 0, 0, 0.3);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-icon {
  width: 20px;
  height: 20px;
  margin-left: 18px;
  stroke: rgba(255, 255, 255, 0.58);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema input.qvph-search-input {
  height: 56px;
  padding: 0 14px;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: 0 0;
  color: #fff;
  box-shadow: none;
  font-size: 15px;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-input::placeholder {
  color: rgba(255, 255, 255, 0.42);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-submit {
  align-self: stretch;
  min-width: 94px;
  height: auto;
  margin: 5px;
  border-radius: 8px;
  background: #ef4444;
  box-shadow: none;
  font-size: 14px;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-submit:hover {
  background: #dc2626;
  filter: none;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-hot {
  gap: 16px;
  min-height: 20px;
  margin: 10px 2px 0;
  padding: 0;
  font-size: 12px;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-hot-label {
  color: rgba(255, 255, 255, 0.38);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-hot a {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: 0 0;
  color: rgba(255, 255, 255, 0.56);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-hot a:hover {
  border: 0;
  background: 0 0;
  color: #fca5a5;
}@media (max-width: 1024px){.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-content-container {
    display: grid;
    grid-template-rows: auto auto auto;
    align-content: center;
    min-height: var(--qvph-height-mb, 400px);
    padding-top: 92px;
    padding-bottom: 34px;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-layout {
    display: contents;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-info-wrapper {
    order: 1;
    width: min(100%, 620px);
    margin: 0 auto;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-info-item {
    align-items: center;
    text-align: center;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-title-text {
    max-width: 14ch;
    font-size: clamp(38px, 7vw, 56px);
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-stage {
    order: 2;
    width: min(100%, 680px);
    margin: 24px auto 0;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-list {
    order: 3;
    display: flex;
    justify-content: center;
    gap: 10px;
    width: min(100%, 560px);
    margin: 24px auto 0;
    overflow-x: auto;
    padding: 0 2px 8px;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-item {
    flex: 0 0 88px;
  }
}@media (max-width: 767px){.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero {
    min-height: 0;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-content-container {
    align-content: start;
    min-height: 0;
    padding-top: 72px;
    padding-bottom: 16px;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-title-text {
    margin-bottom: 12px;
    font-size: 34px;
    letter-spacing: -0.04em;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-meta-row {
    margin-bottom: 14px;
    font-size: 13px;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-desc {
    display: none;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-play-btn {
    min-height: 42px;
    padding: 0 18px;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search-stage {
    margin-top: 16px;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-box,
.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema input.qvph-search-input {
    min-height: 50px;
    height: 50px;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-icon {
    margin-left: 14px;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-submit {
    min-width: 64px;
    margin: 4px;
    font-size: 13px;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-hot {
    flex-wrap: nowrap;
    gap: 14px;
    overflow-x: auto;
    max-height: none;
    padding-bottom: 2px;
    scrollbar-width: none;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero
    .qvph-search--cinema
    .qvph-search-hot
    a:nth-of-type(n + 4),
.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-search--cinema .qvph-search-hot-label {
    display: none;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-list {
    justify-content: flex-start;
    width: 100%;
    margin-top: 16px;
    padding-left: 0;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-item {
    flex-basis: 74px;
  }.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-title {
    font-size: 11px;
  }
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero {
  isolation: isolate;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-right-panel {
  padding: var(--qiling-space-24);
  border-radius: 30px;
  background: linear-gradient(
    180deg,
    var(--qiling-color-rgba-15-23-42-024) 0%,
    var(--qiling-color-rgba-15-23-42-042) 100%
  );
  border: 1px solid var(--qiling-color-rgba-255-255-255-012);
  box-shadow: 0 28px 64px var(--qiling-color-rgba-15-23-42-026);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-play-btn {
  min-height: 52px;
  padding: 0 var(--qiling-space-26);
  border-radius: 999px;
  background: var(
    --qiling-component-button-bg,
    linear-gradient(
      90deg,
      var(--qiling-color-ff512f) 0%,
      var(--qiling-color-dd2476) 100%
    )
  );
  color: var(--qiling-component-button-text, var(--color-text-inverse));
  box-shadow: var(
    --qiling-component-button-shadow,
    0 18px 38px var(--qiling-color-rgba-221-36-118-028)
  );
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-item {
  padding: var(--qiling-space-8);
  border-radius: 18px;
  background: var(--qiling-color-rgba-255-255-255-005);
  border: 1px solid var(--qiling-color-rgba-255-255-255-008);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-thumb {
  border-radius: 14px;
  box-shadow: 0 18px 36px var(--qiling-color-rgba-15-23-42-02);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-bottom-bar {
  background: var(--qiling-color-rgba-15-23-42-032);
  border-top-color: var(--qiling-color-rgba-255-255-255-012);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-cat-link,
.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-icon-link,
.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-trend-link {
  transition:
    transform 0.22s ease,
    color 0.22s ease,
    opacity 0.22s ease;
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-cat-link:hover,
.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-icon-link:hover,
.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-trend-link:hover {
  transform: translateY(-1px);
}@media (max-width: 1024px){.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-right-panel {
    padding: var(--qiling-space-20);
    border-radius: 24px;
  }
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-play-btn:hover {
  box-shadow: 0 22px 42px var(--qiling-color-rgba-15-23-42-024);
}.qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-item:hover {
  transform: translateY(-2px);
  background: var(--qiling-color-rgba-255-255-255-008);
  border-color: var(--qiling-color-rgba-255-255-255-014);
}html.dark-mode .qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-right-panel {
  background: linear-gradient(
    180deg,
    var(--qiling-color-rgba-2-6-23-046) 0%,
    var(--qiling-color-rgba-15-23-42-066) 100%
  );
  box-shadow: 0 28px 64px var(--qiling-color-rgba-2-6-23-036);
}html.dark-mode .qiling-module-scope-qiling_video_portal_hero .qiling-video-portal-hero .qvph-nav-item {
  background: var(--qiling-color-rgba-15-23-42-034);
}

.qiling-module-scope-qiling_video_ranking .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-qiling_video_ranking .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-qiling_video_ranking .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-qiling_video_ranking .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-qiling_video_ranking .features-tab-btn .tab-icon,
.qiling-module-scope-qiling_video_ranking .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-qiling_video_ranking .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-qiling_video_ranking .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-qiling_video_ranking .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-qiling_video_ranking .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-qiling_video_ranking .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-qiling_video_ranking .features-tabs-content {
  position: relative;
}.qiling-module-scope-qiling_video_ranking .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-qiling_video_ranking .features-tab-pane.active {
  display: block;
}.qiling-module-scope-qiling_video_ranking .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-qiling_video_ranking .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-qiling_video_ranking .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-qiling_video_ranking .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-qiling_video_ranking .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-qiling_video_ranking .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-qiling_video_ranking .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-qiling_video_ranking .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-qiling_video_ranking .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-qiling_video_ranking .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-qiling_video_ranking .features-grid-2,
.qiling-module-scope-qiling_video_ranking .features-grid-3,
.qiling-module-scope-qiling_video_ranking .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-qiling_video_ranking /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-qiling_video_ranking .module-decor.d-left {
  left: 0;
}.qiling-module-scope-qiling_video_ranking .module-decor.d-right {
  right: 0;
}.qiling-module-scope-qiling_video_ranking .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-qiling_video_ranking /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-qiling_video_ranking .module-decor svg path,
.qiling-module-scope-qiling_video_ranking .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-qiling_video_ranking /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-qiling_video_ranking .module-decor {
    display: none !important;
  }}.qiling-module-scope-qiling_video_ranking .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-qiling_video_ranking .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-qiling_video_ranking .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-qiling_video_ranking .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-qiling_video_ranking .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-qiling_video_ranking /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-qiling_video_ranking .ql-travel-cols-2,
.qiling-module-scope-qiling_video_ranking .ql-travel-cols-3,
.qiling-module-scope-qiling_video_ranking .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-qiling_video_ranking .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-qiling_video_ranking /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-qiling_video_ranking /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-qiling_video_ranking .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-qiling_video_ranking .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-qiling_video_ranking .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-qiling_video_ranking .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-qiling_video_ranking .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-qiling_video_ranking .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-qiling_video_ranking /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-qiling_video_ranking /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-qiling_video_ranking /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-qiling_video_ranking [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-qiling_video_ranking .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-qiling_video_ranking /* Video ranking module */
.qiling-video-ranking {
  padding: clamp(44px, 6vw, 84px) 0;
  background: var(--color-surface-alt);
  color: var(--color-text);
}.qiling-module-scope-qiling_video_ranking .qvr-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--qiling-space-24);
  margin-bottom: var(--qiling-space-28);
}.qiling-module-scope-qiling_video_ranking .qvr-title {
  margin: 0;
  color: var(--color-heading);
  font-size: clamp(1.65rem, 3vw, 2.4rem);
  line-height: 1.15;
}.qiling-module-scope-qiling_video_ranking .qvr-subtitle {
  margin: var(--qiling-space-9) 0 0;
  color: var(--color-text-muted);
}.qiling-module-scope-qiling_video_ranking .qvr-more {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-7);
  flex-shrink: 0;
  color: var(--color-primary);
  font-weight: 700;
  text-decoration: none;
}.qiling-module-scope-qiling_video_ranking .qvr-tabs {
  display: flex;
  gap: var(--qiling-space-8);
  overflow-x: auto;
  margin-bottom: var(--qiling-space-24);
  padding-bottom: var(--qiling-space-4);
  scrollbar-width: none;
}.qiling-module-scope-qiling_video_ranking .qvr-tabs::-webkit-scrollbar {
  display: none;
}.qiling-module-scope-qiling_video_ranking .qvr-tab {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 var(--qiling-space-18);
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: var(--color-surface);
  color: var(--color-text-muted);
  cursor: pointer;
  font: inherit;
}.qiling-module-scope-qiling_video_ranking .qvr-tab:hover,
.qiling-module-scope-qiling_video_ranking .qvr-tab.is-active {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}.qiling-module-scope-qiling_video_ranking .qvr-panel[hidden] {
  display: none;
}.qiling-module-scope-qiling_video_ranking .qvr-top-three {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--qiling-space-18);
  margin-bottom: var(--qiling-space-18);
}.qiling-module-scope-qiling_video_ranking .qvr-list {
  display: grid;
  gap: var(--qiling-space-10);
}.qiling-module-scope-qiling_video_ranking .qvr-item {
  min-width: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--qiling-space-14);
  background: var(--color-surface);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}.qiling-module-scope-qiling_video_ranking .qvr-item:hover {
  border-color: rgba(var(--color-primary-rgb), 0.42);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.09);
  transform: translateY(-2px);
}.qiling-module-scope-qiling_video_ranking .qvr-item-link {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-14);
  min-width: 0;
  padding: var(--qiling-space-12) var(--qiling-space-16);
  color: inherit;
  text-decoration: none;
}.qiling-module-scope-qiling_video_ranking .qvr-rank {
  flex: 0 0 38px;
  color: var(--color-text-muted);
  font-size: 1.15rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  text-align: center;
}.qiling-module-scope-qiling_video_ranking .qvr-rank-1 .qvr-rank {
  color: #eab308;
}.qiling-module-scope-qiling_video_ranking .qvr-rank-2 .qvr-rank {
  color: #94a3b8;
}.qiling-module-scope-qiling_video_ranking .qvr-rank-3 .qvr-rank {
  color: #b45309;
}.qiling-module-scope-qiling_video_ranking .qvr-poster {
  position: relative;
  display: grid;
  flex: 0 0 58px;
  width: 58px;
  aspect-ratio: 2/3;
  overflow: hidden;
  place-items: center;
  border-radius: var(--qiling-space-8);
  background: var(--color-surface-alt);
  color: var(--color-text-muted);
  font-size: 0.65rem;
  text-align: center;
}.qiling-module-scope-qiling_video_ranking .qvr-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}.qiling-module-scope-qiling_video_ranking .qvr-item-body {
  display: block;
  flex: 1;
  min-width: 0;
}.qiling-module-scope-qiling_video_ranking .qvr-item-title {
  display: -webkit-box;
  overflow: hidden;
  color: var(--color-heading);
  font-weight: 700;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}.qiling-module-scope-qiling_video_ranking .qvr-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-5) var(--qiling-space-10);
  margin-top: var(--qiling-space-7);
  color: var(--color-text-muted);
  font-size: 0.75rem;
}.qiling-module-scope-qiling_video_ranking .qvr-meta span + span:before {
  margin-right: var(--qiling-space-10);
  color: var(--color-border);
  content: "•";
}.qiling-module-scope-qiling_video_ranking .qvr-rating {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-end;
  color: #f59e0b;
}.qiling-module-scope-qiling_video_ranking .qvr-rating strong {
  font-size: 1.1rem;
}.qiling-module-scope-qiling_video_ranking .qvr-rating small {
  color: var(--color-text-muted);
  font-size: 0.65rem;
}.qiling-module-scope-qiling_video_ranking .qvr-item--top {
  position: relative;
  overflow: hidden;
}.qiling-module-scope-qiling_video_ranking .qvr-item--top .qvr-item-link {
  align-items: flex-end;
  min-height: 210px;
  padding: var(--qiling-space-18);
}.qiling-module-scope-qiling_video_ranking .qvr-item--top .qvr-rank {
  position: absolute;
  z-index: 2;
  top: var(--qiling-space-14);
  left: var(--qiling-space-14);
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  background: rgba(15, 23, 42, 0.82);
  color: #fff;
  font-size: 0.85rem;
}.qiling-module-scope-qiling_video_ranking .qvr-item--top .qvr-poster {
  flex-basis: 112px;
  width: 112px;
}.qiling-module-scope-qiling_video_ranking .qvr-item--top .qvr-item-title {
  font-size: 1.05rem;
}.qiling-module-scope-qiling_video_ranking .qiling-video-ranking--poster .qvr-list {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--qiling-space-20);
}.qiling-module-scope-qiling_video_ranking .qiling-video-ranking--poster .qvr-item-link {
  align-items: stretch;
  flex-direction: column;
  padding: 0 0 var(--qiling-space-14);
}.qiling-module-scope-qiling_video_ranking .qiling-video-ranking--poster .qvr-rank {
  position: absolute;
  z-index: 2;
  margin: var(--qiling-space-10);
  padding: var(--qiling-space-5) var(--qiling-space-8);
  border-radius: var(--qiling-space-6);
  background: rgba(15, 23, 42, 0.78);
  color: #fff;
  font-size: 0.75rem;
}.qiling-module-scope-qiling_video_ranking .qiling-video-ranking--poster .qvr-item {
  position: relative;
  overflow: hidden;
}.qiling-module-scope-qiling_video_ranking .qiling-video-ranking--poster .qvr-poster {
  width: 100%;
  flex-basis: auto;
  border-radius: 0;
}.qiling-module-scope-qiling_video_ranking .qiling-video-ranking--poster .qvr-item-body {
  padding: 0 var(--qiling-space-14);
}.qiling-module-scope-qiling_video_ranking .qiling-video-ranking--poster .qvr-rating {
  position: absolute;
  right: var(--qiling-space-12);
  top: var(--qiling-space-12);
  padding: var(--qiling-space-5) var(--qiling-space-7);
  border-radius: var(--qiling-space-6);
  background: rgba(15, 23, 42, 0.78);
}.qiling-module-scope-qiling_video_ranking .qiling-video-ranking--poster .qvr-rating small {
  display: none;
}.qiling-module-scope-qiling_video_ranking .qiling-video-ranking--two_column .qvr-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-qiling_video_ranking .qiling-video-ranking--compact .qvr-poster {
  display: none;
}.qiling-module-scope-qiling_video_ranking .qiling-video-ranking--compact .qvr-item-link {
  min-height: 58px;
  padding-block: var(--qiling-space-9);
}.qiling-module-scope-qiling_video_ranking :is(html.dark-mode, [data-theme="dark"]) .qiling-video-ranking {
  background: var(--dm-bg, var(--color-surface-alt));
}.qiling-module-scope-qiling_video_ranking :is(html.dark-mode, [data-theme="dark"]) .qvr-item,
.qiling-module-scope-qiling_video_ranking :is(html.dark-mode, [data-theme="dark"]) .qvr-tab {
  border-color: var(--dm-border, rgba(255, 255, 255, 0.1));
  background: var(--dm-card-bg, var(--color-surface));
}.qiling-module-scope-qiling_video_ranking :is(html.dark-mode, [data-theme="dark"]) .qvr-tab.is-active {
  background: var(--color-primary);
}@media (max-width: 1024px){.qiling-module-scope-qiling_video_ranking .qvr-top-three {
    grid-template-columns: 1fr;
  }.qiling-module-scope-qiling_video_ranking .qvr-item--top .qvr-item-link {
    min-height: 150px;
  }.qiling-module-scope-qiling_video_ranking .qiling-video-ranking--poster .qvr-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}@media (max-width: 767px){.qiling-module-scope-qiling_video_ranking .qvr-header {
    align-items: flex-start;
    flex-direction: column;
  }.qiling-module-scope-qiling_video_ranking .qvr-top-three {
    gap: var(--qiling-space-10);
  }.qiling-module-scope-qiling_video_ranking .qvr-item--top .qvr-item-link {
    min-height: 126px;
    padding: var(--qiling-space-12);
  }.qiling-module-scope-qiling_video_ranking .qvr-item--top .qvr-poster {
    flex-basis: 72px;
    width: 72px;
  }.qiling-module-scope-qiling_video_ranking .qvr-item--top .qvr-rank {
    top: var(--qiling-space-8);
    left: var(--qiling-space-8);
    width: 28px;
    height: 28px;
  }.qiling-module-scope-qiling_video_ranking .qvr-item-link {
    gap: var(--qiling-space-10);
    padding: var(--qiling-space-10);
  }.qiling-module-scope-qiling_video_ranking .qvr-rank {
    flex-basis: 30px;
    font-size: 0.9rem;
  }.qiling-module-scope-qiling_video_ranking .qvr-poster {
    flex-basis: 48px;
    width: 48px;
  }.qiling-module-scope-qiling_video_ranking .qvr-rating strong {
    font-size: 0.9rem;
  }.qiling-module-scope-qiling_video_ranking .qiling-video-ranking--poster .qvr-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--qiling-space-12);
  }.qiling-module-scope-qiling_video_ranking .qiling-video-ranking--two_column .qvr-list {
    grid-template-columns: 1fr;
  }
}.qiling-module-scope-qiling_video_ranking /* Video portal contrast and cinema footer details. */
.qiling-video-ranking {
  background: var(--qvr-bg, var(--color-surface-alt));
}.qiling-module-scope-qiling_video_ranking .qvr-title {
  color: var(--qvr-title-color, var(--color-heading));
}.qiling-module-scope-qiling_video_ranking .qvr-subtitle {
  color: var(--qvr-subtitle-color, var(--color-text-muted));
  font-size: clamp(0.92rem, 1.4vw, 1rem);
  line-height: 1.65;
}body.qiling-video-portal-page .qiling-module-scope-qiling_video_ranking .qiling-video-ranking {
  --color-surface: #111522;
  --color-surface-alt: #090b12;
  --color-border: rgba(255, 255, 255, 0.1);
  --color-heading: #f8fafc;
  --color-text: #e5e7eb;
  --color-text-muted: #aeb9ca;
  --qvr-bg: var(--qiling-page-bg, #090b12);
  --qvr-title-color: #fff;
  --qvr-subtitle-color: #cbd5e1;
}body.qiling-video-portal-page .qiling-module-scope-qiling_video_ranking .qiling-video-ranking .qvr-item {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}.qiling-module-scope-qiling_video_ranking /* Video portal link states and mobile layout. */
body.qiling-video-portal-page .qiling-video-ranking .qvr-more,
body.qiling-video-portal-page .qiling-module-scope-qiling_video_ranking .qiling-video-ranking .qvr-more:visited {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  border: 1px solid rgba(239, 68, 68, 0.42);
  border-radius: 8px;
  background: rgba(239, 68, 68, 0.09);
  color: #f87171;
  font-weight: 700;
  text-decoration: none;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}body.qiling-video-portal-page .qiling-module-scope-qiling_video_ranking .qiling-video-ranking .qvr-more:hover,
body.qiling-video-portal-page .qiling-module-scope-qiling_video_ranking .qiling-video-ranking .qvr-more:focus-visible {
  border-color: #ef4444;
  background: #ef4444;
  color: #fff;
  transform: translateY(-1px);
}@media (max-width: 767px){.qiling-module-scope-qiling_video_ranking .qiling-video-ranking {
    padding: 42px 0 54px;
  }.qiling-module-scope-qiling_video_ranking .qvr-header {
    align-items: flex-start;
    flex-direction: row;
    gap: 12px;
    margin-bottom: 20px;
  }.qiling-module-scope-qiling_video_ranking .qvr-heading {
    flex: 1;
    min-width: 0;
  }.qiling-module-scope-qiling_video_ranking .qvr-title {
    font-size: clamp(1.45rem, 7vw, 1.85rem);
  }.qiling-module-scope-qiling_video_ranking .qvr-subtitle {
    margin-top: 6px;
    font-size: 0.84rem;
    line-height: 1.55;
  }.qiling-module-scope-qiling_video_ranking .qvr-more {
    min-height: 34px;
    padding: 0 10px;
    font-size: 0.78rem;
    white-space: nowrap;
  }
}@media (max-width: 380px){.qiling-module-scope-qiling_video_ranking .qvr-header {
    flex-wrap: wrap;
  }.qiling-module-scope-qiling_video_ranking .qvr-more {
    margin-left: auto;
  }.qiling-module-scope-qiling_video_ranking .qvr-item-link {
    gap: 8px;
  }.qiling-module-scope-qiling_video_ranking .qvr-meta {
    gap: 4px 7px;
  }.qiling-module-scope-qiling_video_ranking .qvr-meta span + span:before {
    margin-right: 7px;
  }
}

.qiling-module-scope-query_loop .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-query_loop .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-query_loop .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-query_loop .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-query_loop .features-tab-btn .tab-icon,
.qiling-module-scope-query_loop .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-query_loop .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-query_loop .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-query_loop .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-query_loop .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-query_loop .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-query_loop .features-tabs-content {
  position: relative;
}.qiling-module-scope-query_loop .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-query_loop .features-tab-pane.active {
  display: block;
}.qiling-module-scope-query_loop .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-query_loop .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-query_loop .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-query_loop .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-query_loop .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-query_loop .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-query_loop .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-query_loop .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-query_loop .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-query_loop .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-query_loop .features-grid-2,
.qiling-module-scope-query_loop .features-grid-3,
.qiling-module-scope-query_loop .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-query_loop /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-query_loop .module-decor.d-left {
  left: 0;
}.qiling-module-scope-query_loop .module-decor.d-right {
  right: 0;
}.qiling-module-scope-query_loop .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-query_loop /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-query_loop .module-decor svg path,
.qiling-module-scope-query_loop .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-query_loop /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-query_loop .module-decor {
    display: none !important;
  }}.qiling-module-scope-query_loop .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-query_loop .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-query_loop .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-query_loop .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-query_loop .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-query_loop /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-query_loop .ql-travel-cols-2,
.qiling-module-scope-query_loop .ql-travel-cols-3,
.qiling-module-scope-query_loop .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-query_loop .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-query_loop /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-query_loop /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-query_loop .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-query_loop .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-query_loop .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-query_loop .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-query_loop .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-query_loop .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-query_loop /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-query_loop /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-query_loop /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-query_loop [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-query_loop .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-query_loop /* 查询循环模块 (Query Loop Module) */
.module-query-loop {
  padding: var(--qiling-space-72) 0;
}.qiling-module-scope-query_loop .qiling-query-loop__header {
  max-width: var(--qiling-measure-760);
  margin: 0 auto var(--qiling-space-36);
  text-align: center;
}.qiling-module-scope-query_loop .qiling-query-loop__title {
  margin: 0;
  color: var(--color-text);
  font-size: var(--qiling-text-32);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0;
}.qiling-module-scope-query_loop .qiling-query-loop__subtitle {
  margin: var(--qiling-space-12) auto 0;
  color: var(--color-text-muted);
  font-size: var(--qiling-text-16);
  line-height: 1.7;
}.qiling-module-scope-query_loop .qiling-query-loop__grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-query_loop .qiling-query-loop--cols-1 .qiling-query-loop__grid {
  grid-template-columns: minmax(0, 1fr);
}.qiling-module-scope-query_loop .qiling-query-loop--cols-2 .qiling-query-loop__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-query_loop .qiling-query-loop--cols-3 .qiling-query-loop__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-query_loop .qiling-query-loop--cols-4 .qiling-query-loop__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}.qiling-module-scope-query_loop .qiling-query-loop-card {
  display: flex;
  min-width: 0;
  overflow: hidden;
  flex-direction: column;
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: 8px;
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}.qiling-module-scope-query_loop .qiling-query-loop-card:hover {
  transform: translateY(-3px);
  border-color: rgba(var(--color-primary-rgb), 0.28);
  box-shadow: var(--shadow-md);
}.qiling-module-scope-query_loop .qiling-query-loop-card__media {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--color-surface-alt);
}.qiling-module-scope-query_loop .qiling-query-loop-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease;
}.qiling-module-scope-query_loop .qiling-query-loop-card:hover .qiling-query-loop-card__media img {
  transform: scale(1.04);
}.qiling-module-scope-query_loop .qiling-query-loop-card__body {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  padding: var(--qiling-space-22);
}.qiling-module-scope-query_loop .qiling-query-loop-card__meta {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-10);
  margin-bottom: var(--qiling-space-12);
  color: var(--qiling-component-post-card-meta-color);
  font-size: var(--qiling-text-13);
  line-height: 1.4;
  flex-wrap: wrap;
}.qiling-module-scope-query_loop .qiling-query-loop-card__term a {
  display: inline-flex;
  align-items: center;
  max-width: var(--qiling-measure-pct-100);
  padding: var(--qiling-space-3) var(--qiling-space-9);
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border: 1px solid var(--qiling-component-tabs-active-border);
  border-radius: 8px;
  text-decoration: none;
}.qiling-module-scope-query_loop .qiling-query-loop-card__title {
  margin: 0;
  color: var(--qiling-component-post-card-title-color);
  font-size: var(--qiling-text-20);
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: 0;
}.qiling-module-scope-query_loop .qiling-query-loop-card__title a {
  color: inherit;
  text-decoration: none;
}.qiling-module-scope-query_loop .qiling-query-loop-card__title a:hover {
  color: var(--color-primary);
}.qiling-module-scope-query_loop .qiling-query-loop-card__excerpt {
  margin-top: var(--qiling-space-12);
  color: var(--qiling-component-post-card-meta-color);
  font-size: var(--qiling-text-15);
  line-height: 1.7;
}.qiling-module-scope-query_loop .qiling-query-loop-card__read-more {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  margin-top: auto;
  padding-top: var(--qiling-space-18);
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-query_loop .qiling-query-loop-card__read-more:hover {
  color: var(--color-primary-dark);
}.qiling-module-scope-query_loop .qiling-query-loop__empty {
  padding: var(--qiling-space-44) var(--qiling-space-20);
  color: var(--color-text-muted);
  background: var(--color-surface-alt);
  border: 1px dashed var(--qiling-component-post-card-border);
  border-radius: 8px;
  text-align: center;
}.qiling-module-scope-query_loop .qiling-query-loop__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--qiling-space-8);
  margin-top: var(--qiling-space-36);
  flex-wrap: wrap;
}html.dark-mode .qiling-module-scope-query_loop .qiling-query-loop-card {
  background: var(
    --qiling-component-post-card-bg-dark,
    var(--qiling-component-post-card-bg)
  );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-query_loop .qiling-query-loop-card__title {
  color: var(
    --qiling-component-post-card-title-color-dark,
    var(--qiling-component-post-card-title-color)
  );
}html.dark-mode .qiling-module-scope-query_loop .qiling-query-loop-card__meta,
html.dark-mode .qiling-module-scope-query_loop .qiling-query-loop-card__excerpt {
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}html.dark-mode .qiling-module-scope-query_loop .qiling-query-loop__empty {
  background: var(--qiling-component-card-bg-dark, var(--color-neutral-800));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}@media (max-width: 991px){.qiling-module-scope-query_loop .qiling-query-loop--cols-3 .qiling-query-loop__grid,
.qiling-module-scope-query_loop .qiling-query-loop--cols-4 .qiling-query-loop__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (max-width: 640px){.qiling-module-scope-query_loop .module-query-loop {
    padding: var(--qiling-space-48) 0;
  }.qiling-module-scope-query_loop .qiling-query-loop__title {
    font-size: var(--qiling-text-26);
  }.qiling-module-scope-query_loop .qiling-query-loop--cols-2 .qiling-query-loop__grid,
.qiling-module-scope-query_loop .qiling-query-loop--cols-3 .qiling-query-loop__grid,
.qiling-module-scope-query_loop .qiling-query-loop--cols-4 .qiling-query-loop__grid {
    grid-template-columns: minmax(0, 1fr);
  }.qiling-module-scope-query_loop .qiling-query-loop-card__body {
    padding: var(--qiling-space-18);
  }
}

.qiling-module-scope-reader_wall .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-reader_wall .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-reader_wall .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-reader_wall .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-reader_wall .features-tab-btn .tab-icon,
.qiling-module-scope-reader_wall .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-reader_wall .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-reader_wall .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-reader_wall .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-reader_wall .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-reader_wall .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-reader_wall .features-tabs-content {
  position: relative;
}.qiling-module-scope-reader_wall .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-reader_wall .features-tab-pane.active {
  display: block;
}.qiling-module-scope-reader_wall .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-reader_wall .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-reader_wall .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-reader_wall .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-reader_wall .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-reader_wall .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-reader_wall .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-reader_wall .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-reader_wall .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-reader_wall .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-reader_wall .features-grid-2,
.qiling-module-scope-reader_wall .features-grid-3,
.qiling-module-scope-reader_wall .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-reader_wall /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-reader_wall .module-decor.d-left {
  left: 0;
}.qiling-module-scope-reader_wall .module-decor.d-right {
  right: 0;
}.qiling-module-scope-reader_wall .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-reader_wall /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-reader_wall .module-decor svg path,
.qiling-module-scope-reader_wall .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-reader_wall /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-reader_wall .module-decor {
    display: none !important;
  }}.qiling-module-scope-reader_wall .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-reader_wall .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-reader_wall .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-reader_wall .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-reader_wall .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-reader_wall /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-reader_wall .ql-travel-cols-2,
.qiling-module-scope-reader_wall .ql-travel-cols-3,
.qiling-module-scope-reader_wall .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-reader_wall .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-reader_wall /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-reader_wall /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-reader_wall .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-reader_wall .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-reader_wall .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-reader_wall .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-reader_wall .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-reader_wall .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-reader_wall /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-reader_wall /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-reader_wall /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-reader_wall [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-reader_wall .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-reader_wall /* ===== 读者墙 (reader_wall) ===== */

.module-reader-wall .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qil-rw-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-20);
  box-shadow: var(--qiling-component-card-shadow);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--color-primary-rgb), 0.18);
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-top {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-12);
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-head-meta {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-4);
  min-width: 0;
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(var(--color-primary-rgb), 0.14);
  box-shadow: 0 8px 18px var(--qiling-color-rgba-15-23-42-012);
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-avatar.is-fallback {
  display: grid;
  place-items: center;
  font-size: var(--qiling-text-rem-1);
  font-weight: 700;
  color: var(--color-text-inverse);
  background: linear-gradient(
    135deg,
    rgba(var(--color-primary-rgb), 0.96),
    rgba(var(--color-info-rgb), 0.96)
  );
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-name {
  display: block;
  line-height: 1.35;
  color: var(--color-heading);
  font-weight: 700;
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-date {
  font-size: var(--qiling-text-rem-0p8);
  color: var(--color-text-muted);
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-content {
  margin: var(--qiling-space-14) 0 0;
  padding: 0;
  border: 0;
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p94);
  line-height: 1.78;
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-post {
  display: inline-flex;
  align-items: center;
  margin-top: var(--qiling-space-14);
  padding: var(--qiling-space-6) var(--qiling-space-12);
  border-radius: 999px;
  background: rgba(var(--color-primary-rgb), 0.08);
  font-size: var(--qiling-text-rem-0p84);
  color: var(--qil-rw-accent);
  text-decoration: none;
  font-weight: 600;
}.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-post:hover {
  text-decoration: underline;
}html.dark-mode .qiling-module-scope-reader_wall .module-reader-wall .qil-rw-card {
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}@media (max-width: 1024px){.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (max-width: 767px){.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-cols-2,
.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-cols-3,
.qiling-module-scope-reader_wall .module-reader-wall .qil-rw-cols-4 {
    grid-template-columns: 1fr;
  }
}

.qiling-module-scope-resource_hero_pro .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-resource_hero_pro .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-resource_hero_pro .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-resource_hero_pro .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-resource_hero_pro .features-tab-btn .tab-icon,
.qiling-module-scope-resource_hero_pro .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-resource_hero_pro .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-resource_hero_pro .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-resource_hero_pro .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-resource_hero_pro .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-resource_hero_pro .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-resource_hero_pro .features-tabs-content {
  position: relative;
}.qiling-module-scope-resource_hero_pro .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-resource_hero_pro .features-tab-pane.active {
  display: block;
}.qiling-module-scope-resource_hero_pro .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-resource_hero_pro .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-resource_hero_pro .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-resource_hero_pro .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-resource_hero_pro .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-resource_hero_pro .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-resource_hero_pro .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-resource_hero_pro .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-resource_hero_pro .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-resource_hero_pro .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-resource_hero_pro .features-grid-2,
.qiling-module-scope-resource_hero_pro .features-grid-3,
.qiling-module-scope-resource_hero_pro .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-resource_hero_pro /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-resource_hero_pro .module-decor.d-left {
  left: 0;
}.qiling-module-scope-resource_hero_pro .module-decor.d-right {
  right: 0;
}.qiling-module-scope-resource_hero_pro .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-resource_hero_pro /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-resource_hero_pro .module-decor svg path,
.qiling-module-scope-resource_hero_pro .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-resource_hero_pro /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-resource_hero_pro .module-decor {
    display: none !important;
  }}.qiling-module-scope-resource_hero_pro .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-resource_hero_pro .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-resource_hero_pro .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-resource_hero_pro .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-resource_hero_pro .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-resource_hero_pro /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-resource_hero_pro .ql-travel-cols-2,
.qiling-module-scope-resource_hero_pro .ql-travel-cols-3,
.qiling-module-scope-resource_hero_pro .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-resource_hero_pro .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-resource_hero_pro /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-resource_hero_pro /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-resource_hero_pro .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-resource_hero_pro .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-resource_hero_pro .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-resource_hero_pro .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-resource_hero_pro .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-resource_hero_pro .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-resource_hero_pro /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-resource_hero_pro /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-resource_hero_pro /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-resource_hero_pro [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-resource_hero_pro .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-resource_hero_pro /* ===== 资源主视觉 Pro (resource_hero_pro) ===== */
.module-resource-hero-pro {
  position: relative;
  overflow: hidden;
  min-height: var(--rhp-height, 58vh);
  background: var(
    --rhp-bg,
    linear-gradient(
      135deg,
      var(--color-neutral-900) 0%,
      var(--color-primary-hover) 45%,
      var(--qiling-color-60a5fa) 100%
    )
  );
  color: var(--qiling-color-eef2ff);
  display: flex;
  align-items: center;
  isolation: isolate;
  --rhp-ambient-a: 16px;
  --rhp-ambient-b: 12px;
  --rhp-shine-duration: 7.2s;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro::before,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
  opacity: 0.58;
  transform: translate3d(0, 0, 0);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro::before {
  width: 56vw;
  height: 56vw;
  left: -22vw;
  top: -24vw;
  background: radial-gradient(
    circle,
    var(--qiling-color-rgba-191-219-254-035) 0%,
    var(--qiling-color-rgba-191-219-254-0) 68%
  );
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro::after {
  width: 44vw;
  height: 44vw;
  right: -14vw;
  bottom: -20vw;
  background: radial-gradient(
    circle,
    var(--qiling-color-rgba-125-211-252-032) 0%,
    var(--qiling-color-rgba-125-211-252-0) 70%
  );
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-bg-layer {
  position: absolute;
  inset: 0;
  background: var(--rhp-bg, var(--qiling-color-transparent));
  z-index: 0;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-bg-layer::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--rhp-bg-image, none);
  background-size: cover;
  background-position: center;
  opacity: 1;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-bg-layer::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(var(--qiling-rgb-8-15-34), var(--rhp-bg-overlay, 0));
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-soft {
  --rhp-ambient-a: 14px;
  --rhp-ambient-b: 10px;
  --rhp-shine-duration: 7.8s;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-rich {
  --rhp-ambient-a: 24px;
  --rhp-ambient-b: 18px;
  --rhp-shine-duration: 6.2s;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on::before {
  animation: rhpAmbientDriftA 16s ease-in-out infinite alternate;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on::after {
  animation: rhpAmbientDriftB 20s ease-in-out infinite alternate;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-skin-premium .rhp-feed {
  background: linear-gradient(
    160deg,
    var(--qiling-color-rgba-255-255-255-018) 0%,
    var(--qiling-color-rgba-115-155-255-014) 100%
  );
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-skin-premium .rhp-card {
  background: linear-gradient(
    145deg,
    var(--qiling-color-rgba-20-41-92-066) 0%,
    var(--qiling-color-rgba-30-58-138-048) 100%
  );
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-skin-premium .rhp-stat {
  background: linear-gradient(
    135deg,
    var(--qiling-color-rgba-255-255-255-015) 0%,
    var(--qiling-color-rgba-148-197-255-014) 100%
  );
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-skin-clean .rhp-card,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-skin-clean .rhp-feed,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-skin-clean .rhp-stat {
  border-color: var(--qiling-color-rgba-255-255-255-028);
  background: var(--qiling-color-rgba-255-255-255-016);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-skin-dark .rhp-feed {
  background: var(--qiling-color-rgba-8-20-44-046);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-skin-dark .rhp-card {
  background: var(--qiling-color-rgba-7-19-43-065);
  border-color: var(--qiling-color-rgba-147-197-253-025);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-skin-dark .rhp-stat {
  background: var(--qiling-color-rgba-11-25-54-062);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-main {
  display: grid;
  gap: var(--qiling-space-40);
  align-items: center;
  padding: var(--qiling-space-60) 0 var(--qiling-space-28);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.layout-left_right .rhp-main {
  grid-template-columns: minmax(0, 1fr) minmax(340px, 540px);
  align-items: flex-start;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.layout-top_bottom .rhp-main {
  grid-template-columns: minmax(0, 1fr);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.feed-disabled .rhp-main,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.layout-text_only .rhp-main {
  grid-template-columns: minmax(0, 1fr);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-content {
  max-width: var(--qiling-measure-720);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-content > * {
  transform: translate3d(0, 0, 0);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-badge,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-title,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-subtitle,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-desc,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-benefits,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-stats,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-actions {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  animation: rhpFadeUp 0.82s cubic-bezier(0.2, 0.72, 0.22, 1) both;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-badge {
  animation-delay: 0.04s;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-title {
  animation-delay: 0.1s;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-subtitle {
  animation-delay: 0.16s;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-desc {
  animation-delay: 0.22s;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-benefits {
  animation-delay: 0.3s;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-stats {
  animation-delay: 0.38s;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-actions {
  animation-delay: 0.46s;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-visual-col {
  opacity: 0;
  transform: translate3d(24px, 0, 0);
  animation: rhpFadeSide 0.95s cubic-bezier(0.2, 0.72, 0.22, 1) 0.24s both;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.layout-top_bottom.rhp-motion-on .rhp-visual-col {
  transform: translate3d(0, 22px, 0);
  animation-name: rhpFadeUp;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-content-wrap {
  min-width: 0;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-content-wrap.has-visual {
  display: grid;
  gap: var(--qiling-space-28);
  align-items: flex-start;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.layout-left_right .rhp-content-wrap.has-visual {
  grid-template-columns: minmax(0, 1fr);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.layout-top_bottom .rhp-content-wrap.has-visual {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 48%);
  align-items: center;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.layout-left_right
  .rhp-content-wrap.has-visual
  .rhp-content {
  max-width: var(--qiling-measure-pct-100);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro
  .rhp-content-wrap.has-visual.visual-left
  .rhp-visual-col {
  order: -1;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-col {
  min-width: 0;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-wrap {
  display: block;
  position: relative;
  width: 100%;
  height: var(--rhp-visual-height, 320px);
  border-radius: var(--rhp-visual-radius, 18px);
  overflow: hidden;
  border: 1px solid var(--qiling-color-rgba-255-255-255-02);
  background: var(--qiling-color-rgba-10-24-52-038);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 18px 40px var(--qiling-color-rgba-8-20-44-024);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-slide-inner {
  display: block;
  width: 100%;
  height: 100%;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-wrap.has-slider .rhp-visual-slider,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-wrap.has-slider .rhp-visual-slides {
  position: relative;
  width: 100%;
  height: 100%;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-wrap.has-slider .rhp-visual-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.52s ease;
  pointer-events: none;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro
  .rhp-visual-wrap.has-slider
  .rhp-visual-slide.is-active {
  opacity: 1;
  pointer-events: auto;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    145deg,
    var(--qiling-color-rgba-255-255-255-016) 0%,
    var(--qiling-color-rgba-255-255-255-0) 42%,
    var(--qiling-color-rgba-191-219-254-016) 100%
  );
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on.rhp-visual-shine
  .rhp-visual-wrap::before {
  content: "";
  position: absolute;
  top: -14%;
  left: -28%;
  width: 40%;
  height: 128%;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    var(--qiling-color-rgba-255-255-255-0) 0%,
    var(--qiling-color-rgba-255-255-255-042) 48%,
    var(--qiling-color-rgba-255-255-255-0) 100%
  );
  transform: translate3d(-160%, 0, 0) skewX(-16deg);
  animation: rhpShineSweep var(--rhp-shine-duration, 7.2s)
    cubic-bezier(0.2, 0.6, 0.2, 1) infinite;
  will-change: transform;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-wrap img {
  width: 100%;
  height: 100%;
  display: block;
  transform: translate3d(0, 0, 0) scale(1.001);
  transition: transform 0.65s cubic-bezier(0.2, 0.72, 0.22, 1);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-wrap:hover img {
  transform: translate3d(0, 0, 0) scale(1.04);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-wrap.has-slider .rhp-visual-slide img {
  transform: translate3d(0, 0, 0) scale(1.03);
  transition: transform 0.9s ease;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro
  .rhp-visual-wrap.has-slider
  .rhp-visual-slide.is-active
  img {
  transform: translate3d(0, 0, 0) scale(1);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro
  .rhp-visual-wrap.has-slider:hover
  .rhp-visual-slide.is-active
  img {
  transform: translate3d(0, 0, 0) scale(1.035);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-dots {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-8);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 0;
  background: var(--qiling-color-rgba-255-255-255-052);
  padding: 0;
  cursor: pointer;
  transition:
    width 0.22s ease,
    background-color 0.22s ease,
    opacity 0.22s ease;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-dot.is-active {
  width: 22px;
  border-radius: 999px;
  background: var(--color-surface);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.visual-shadow-soft .rhp-visual-wrap {
  box-shadow: 0 16px 36px var(--qiling-color-rgba-8-20-44-026);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.visual-shadow-glow .rhp-visual-wrap {
  box-shadow:
    0 0 0 1px var(--qiling-color-rgba-191-219-254-024),
    0 0 40px var(--qiling-color-rgba-96-165-250-045);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-caption {
  margin-top: var(--qiling-space-10);
  font-size: var(--qiling-text-rem-0p85);
  color: var(--qiling-color-rgba-220-232-255-082);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-badge {
  display: inline-flex;
  align-items: center;
  padding: var(--qiling-space-7) var(--qiling-space-14);
  border-radius: 999px;
  background: var(--qiling-color-rgba-255-255-255-016);
  border: 1px solid var(--qiling-color-rgba-255-255-255-02);
  color: var(--qiling-color-f8fbff);
  font-size: var(--qiling-text-12);
  font-weight: 700;
  letter-spacing: var(--qiling-tracking-em-0p08);
  text-transform: uppercase;
  backdrop-filter: none;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-title {
  margin: var(--qiling-space-16) 0 var(--qiling-space-12);
  font-size: clamp(
    var(--qiling-text-rem-2),
    var(--qiling-text-vw-5),
    var(--qiling-text-rem-4)
  );
  line-height: 1.1;
  color: var(--color-text-inverse);
  text-shadow: 0 8px 30px var(--qiling-color-rgba-13-26-58-028);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-title strong {
  color: var(--qiling-color-dbeafe);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-subtitle {
  margin: 0;
  color: var(--qiling-color-rgba-236-243-255-095);
  font-size: clamp(
    var(--qiling-text-rem-1),
    var(--qiling-text-vw-2),
    var(--qiling-text-rem-1p35)
  );
  font-weight: 600;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-desc {
  margin-top: var(--qiling-space-12);
  color: var(--qiling-color-rgba-221-233-255-086);
  font-size: var(--qiling-text-rem-1);
  line-height: 1.75;
  max-width: var(--qiling-measure-620);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-benefits {
  list-style: none;
  margin: var(--qiling-space-16) 0 0;
  padding: 0;
  display: grid;
  gap: var(--qiling-space-10);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-benefits li {
  position: relative;
  padding-left: var(--qiling-space-22);
  color: var(--qiling-color-e2e8ff);
  font-size: var(--qiling-text-rem-0p95);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-benefits li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--qiling-color-93c5fd);
  box-shadow: 0 0 0 4px var(--qiling-color-rgba-147-197-253-022);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--qiling-space-14);
  margin-top: var(--qiling-space-20);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-stat {
  background: var(--qiling-color-rgba-255-255-255-01);
  border: 1px solid var(--qiling-color-rgba-255-255-255-018);
  border-radius: 16px;
  padding: var(--qiling-space-14) var(--qiling-space-15);
  backdrop-filter: none;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-stat strong {
  display: block;
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-rem-1p15);
  line-height: 1.2;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-stat span {
  display: block;
  margin-top: var(--qiling-space-4);
  color: var(--qiling-color-rgba-220-232-255-085);
  font-size: var(--qiling-text-rem-0p85);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-actions {
  margin-top: var(--qiling-space-22);
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-14);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 var(--qiling-space-22);
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: var(--qiling-tracking-em-0p01);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-btn:hover {
  transform: translateY(-2px) scale(1.01);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-btn-primary {
  background: var(--rhp-primary-btn-bg, var(--gradient-surface-frost));
  color: var(--rhp-primary-btn-text, var(--qiling-color-1e3a8a));
  border: 1px solid
    var(--rhp-primary-btn-border, var(--qiling-color-transparent));
  box-shadow: 0 12px 28px var(--qiling-color-rgba-9-21-54-024);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-btn-secondary {
  color: var(--rhp-secondary-btn-text, var(--qiling-color-eaf2ff));
  border: 1px solid
    var(--rhp-secondary-btn-border, var(--qiling-color-rgba-234-242-255-028));
  background: var(
    --rhp-secondary-btn-bg,
    var(--qiling-color-rgba-255-255-255-007)
  );
  backdrop-filter: none;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-btn-primary:hover {
  background: var(
    --rhp-primary-btn-hover-bg,
    var(--rhp-primary-btn-bg, var(--gradient-surface-frost))
  );
  color: var(
    --rhp-primary-btn-hover-text,
    var(--rhp-primary-btn-text, var(--qiling-color-1e3a8a))
  );
  border-color: var(
    --rhp-primary-btn-hover-border,
    var(--rhp-primary-btn-border, var(--qiling-color-transparent))
  );
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-btn-secondary:hover {
  background: var(
    --rhp-secondary-btn-hover-bg,
    var(--rhp-secondary-btn-bg, var(--qiling-color-rgba-255-255-255-007))
  );
  color: var(
    --rhp-secondary-btn-hover-text,
    var(--rhp-secondary-btn-text, var(--qiling-color-eaf2ff))
  );
  border-color: var(
    --rhp-secondary-btn-hover-border,
    var(--rhp-secondary-btn-border, var(--qiling-color-rgba-234-242-255-028))
  );
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-feed {
  overflow: hidden;
  border-radius: calc(var(--qiling-card-radius) + 2px);
  border: 1px solid var(--qiling-color-rgba-255-255-255-018);
  background: var(--qiling-color-rgba-255-255-255-009);
  backdrop-filter: none;
  min-height: 0;
  max-height: none;
  transition:
    border-color 0.25s ease,
    transform 0.25s ease;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.rhp-motion-on .rhp-feed {
  opacity: 0;
  transform: translate3d(24px, 0, 0);
  animation: rhpFadeSide 0.95s cubic-bezier(0.2, 0.72, 0.22, 1) 0.34s both;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.layout-top_bottom.rhp-motion-on .rhp-feed {
  transform: translate3d(0, 18px, 0);
  animation-name: rhpFadeUp;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-feed-empty {
  padding: var(--qiling-space-24);
  color: var(--qiling-color-e2e8ff);
  font-size: var(--qiling-text-rem-0p95);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-feed-track {
  display: flex;
  gap: var(--qiling-space-14);
  padding: var(--qiling-space-16);
  will-change: transform;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-feed-vertical .rhp-feed-track {
  flex-direction: column;
  animation: rhpScrollY var(--rhp-feed-duration, 26s) linear infinite;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-feed-horizontal .rhp-feed-track {
  width: max-content;
  align-items: flex-start;
  animation: rhpScrollX var(--rhp-feed-duration, 26s) linear infinite;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-feed-vertical .rhp-feed {
  min-height: 320px;
  max-height: 560px;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-feed-horizontal .rhp-feed {
  min-height: 0;
  max-height: none;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-feed.can-pause:hover .rhp-feed-track {
  animation-play-state: paused;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-card {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: var(--qiling-space-12);
  align-items: flex-start;
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-color-rgba-255-255-255-018);
  background: var(--qiling-color-rgba-8-20-44-042);
  padding: var(--qiling-space-12);
  min-width: var(--qiling-measure-320);
  min-height: 0;
  height: auto;
  transition:
    transform 0.26s ease,
    border-color 0.26s ease,
    background-color 0.26s ease;
  transform: translate3d(0, 0, 0);
  box-shadow: 0 16px 28px var(--qiling-color-rgba-8-20-44-014);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-card:hover {
  transform: translate3d(0, -4px, 0);
  border-color: var(--qiling-color-rgba-191-219-254-036);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-feed-horizontal .rhp-card {
  min-width: var(--qiling-measure-360);
  max-width: var(--qiling-measure-420);
  min-height: 0;
  height: auto;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-card-thumb {
  display: block;
  width: 88px;
  height: 88px;
  border-radius: calc(var(--qiling-card-radius) - 4px);
  overflow: hidden;
  flex-shrink: 0;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-card-thumb.rhp-card-thumb-placeholder {
  background: linear-gradient(
    135deg,
    var(--qiling-color-rgba-96-165-250-04),
    var(--qiling-color-rgba-147-197-253-02)
  );
  border: 1px solid var(--qiling-color-rgba-255-255-255-022);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-card-content {
  min-width: 0;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-card-top,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qiling-space-8);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-pill {
  display: inline-flex;
  align-items: center;
  padding: var(--qiling-space-3) var(--qiling-space-8);
  border-radius: 999px;
  font-size: var(--qiling-text-11);
  font-weight: 700;
  letter-spacing: var(--qiling-tracking-em-0p03);
  color: var(--color-neutral-900);
  background: var(--qiling-color-rgba-219-234-254-095);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-pill.is-free {
  background: var(--qiling-color-dcfce7);
  color: var(--qiling-color-166534);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-pill.is-vip {
  background: var(--qiling-color-fde68a);
  color: var(--qiling-color-92400e);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-pill.is-paid {
  background: var(--qiling-color-fecaca);
  color: var(--qiling-color-991b1b);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-date,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-download-count {
  color: var(--qiling-color-rgba-220-232-255-078);
  font-size: var(--qiling-text-11);
  white-space: nowrap;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-card-title {
  margin: var(--qiling-space-6) 0;
  font-size: var(--qiling-text-rem-0p96);
  line-height: 1.45;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-card-title a {
  color: var(--color-text-inverse);
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-card-excerpt {
  margin: 0;
  color: var(--qiling-color-rgba-220-232-255-085);
  font-size: var(--qiling-text-rem-0p82);
  line-height: 1.55;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-price {
  color: var(--qiling-color-fef3c7);
  font-size: var(--qiling-text-12);
  font-weight: 700;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-strip {
  overflow: hidden;
  margin-top: var(--qiling-space-20);
  border-radius: 999px;
  border: 1px solid var(--qiling-color-rgba-255-255-255-018);
  background: var(--qiling-color-rgba-255-255-255-01);
  backdrop-filter: none;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-strip-track {
  width: max-content;
  display: flex;
  align-items: center;
  gap: var(--qiling-space-10);
  padding: var(--qiling-space-10);
  animation: rhpScrollX var(--rhp-strip-duration, 34s) linear infinite;
  will-change: transform;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-strip.can-pause:hover .rhp-strip-track {
  animation-play-state: paused;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-strip-item {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-8);
  text-decoration: none;
  border-radius: 999px;
  padding: var(--qiling-space-8) var(--qiling-space-14);
  background: var(--qiling-color-rgba-8-20-44-044);
  border: 1px solid var(--qiling-color-rgba-255-255-255-018);
  color: var(--qiling-color-eff6ff);
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-strip-item:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-color-rgba-191-219-254-034);
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-strip-title {
  font-size: var(--qiling-text-rem-0p85);
  white-space: nowrap;
}.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-strip-price {
  color: var(--qiling-color-fde68a);
  font-size: var(--qiling-text-rem-0p75);
  white-space: nowrap;
}

@keyframes rhpScrollY {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}

@keyframes rhpScrollX {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes rhpFadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rhpFadeSide {
  from {
    opacity: 0;
    transform: translate3d(24px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rhpAmbientDriftA {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(
      var(--rhp-ambient-a, 16px),
      calc(var(--rhp-ambient-a, 16px) * -1),
      0
    );
  }
}

@keyframes rhpAmbientDriftB {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(
      calc(var(--rhp-ambient-b, 12px) * -1),
      var(--rhp-ambient-b, 12px),
      0
    );
  }
}

@keyframes rhpShineSweep {
  0% {
    transform: translate3d(-160%, 0, 0) skewX(-16deg);
  }
  62% {
    transform: translate3d(-160%, 0, 0) skewX(-16deg);
  }
  100% {
    transform: translate3d(280%, 0, 0) skewX(-16deg);
  }
}@media (max-width: 1100px){.qiling-module-scope-resource_hero_pro .module-resource-hero-pro.layout-left_right .rhp-main {
    grid-template-columns: 1fr;
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-content-wrap.has-visual {
    grid-template-columns: 1fr;
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-content {
    max-width: var(--qiling-measure-pct-100);
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-feed-vertical .rhp-feed {
    max-height: 460px;
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-feed-horizontal .rhp-feed {
    min-height: 0;
    max-height: none;
  }
}@media (max-width: 767px){.qiling-module-scope-resource_hero_pro .module-resource-hero-pro {
    min-height: auto;
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-main {
    padding: var(--qiling-space-44) 0 var(--qiling-space-8);
    gap: var(--qiling-space-22);
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-title {
    font-size: clamp(
      var(--qiling-text-rem-1p7),
      var(--qiling-text-vw-9),
      var(--qiling-text-rem-2p4)
    );
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-card {
    grid-template-columns: 72px minmax(0, 1fr);
    min-width: var(--qiling-measure-280);
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-card-thumb {
    width: 72px;
    height: 72px;
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-feed-horizontal .rhp-card {
    min-width: var(--qiling-measure-300);
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-actions {
    width: 100%;
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-btn {
    flex: 1;
    min-width: 0;
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-wrap {
    height: min(62vw, var(--rhp-visual-height, 320px));
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-dots {
    bottom: 10px;
    gap: var(--qiling-space-6);
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-dot {
    width: 7px;
    height: 7px;
  }
}@media (prefers-reduced-motion: reduce){.qiling-module-scope-resource_hero_pro .module-resource-hero-pro::before,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro::after {
    animation: none !important;
    transform: none !important;
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-badge,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-title,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-subtitle,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-desc,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-benefits,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-stats,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-actions,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-col,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-feed,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-visual-wrap::before {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-feed-track,
.qiling-module-scope-resource_hero_pro .module-resource-hero-pro .rhp-strip-track {
    animation: none !important;
  }
}

.qiling-module-scope-resource_stats .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-resource_stats .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-resource_stats .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-resource_stats .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-resource_stats .features-tab-btn .tab-icon,
.qiling-module-scope-resource_stats .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-resource_stats .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-resource_stats .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-resource_stats .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-resource_stats .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-resource_stats .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-resource_stats .features-tabs-content {
  position: relative;
}.qiling-module-scope-resource_stats .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-resource_stats .features-tab-pane.active {
  display: block;
}.qiling-module-scope-resource_stats .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-resource_stats .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-resource_stats .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-resource_stats .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-resource_stats .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-resource_stats .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-resource_stats .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-resource_stats .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-resource_stats .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-resource_stats .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-resource_stats .features-grid-2,
.qiling-module-scope-resource_stats .features-grid-3,
.qiling-module-scope-resource_stats .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-resource_stats /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-resource_stats .module-decor.d-left {
  left: 0;
}.qiling-module-scope-resource_stats .module-decor.d-right {
  right: 0;
}.qiling-module-scope-resource_stats .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-resource_stats /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-resource_stats .module-decor svg path,
.qiling-module-scope-resource_stats .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-resource_stats /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-resource_stats .module-decor {
    display: none !important;
  }}.qiling-module-scope-resource_stats .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-resource_stats .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-resource_stats .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-resource_stats .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-resource_stats .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-resource_stats /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-resource_stats .ql-travel-cols-2,
.qiling-module-scope-resource_stats .ql-travel-cols-3,
.qiling-module-scope-resource_stats .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-resource_stats .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-resource_stats /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-resource_stats /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-resource_stats .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-resource_stats .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-resource_stats .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-resource_stats .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-resource_stats .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-resource_stats .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-resource_stats /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-resource_stats /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-resource_stats /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-resource_stats [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-resource_stats .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-resource_stats /* 博客资源统计模块 (Blog Resource Stats Module) */
.module-resource-stats {
  position: relative;
  overflow: hidden;
}.qiling-module-scope-resource_stats .module-resource-stats.has-bg-image {
  background-size: cover;
  background-position: center;
}.qiling-module-scope-resource_stats .module-resource-stats .rs-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-resource_stats .module-resource-stats .rs-title {
  font-size: var(--qiling-text-rem-2p25);
  font-weight: 700;
  line-height: 1.12;
  margin-bottom: var(--qiling-space-rem-0p9);
  color: var(--color-heading);
}.qiling-module-scope-resource_stats .module-resource-stats .rs-subtitle {
  font-size: var(--qiling-text-rem-1p1);
  color: var(--color-text-muted);
  max-width: var(--qiling-measure-600);
  line-height: 1.72;
  margin: 0 auto;
}.qiling-module-scope-resource_stats /* 网格布局 (Grid Layout) */
.module-resource-stats .rs-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--qiling-space-24);
  position: relative;
  z-index: 2;
}.qiling-module-scope-resource_stats /* 统计项 (Stat Item) */
.module-resource-stats .rs-stat-item {
  text-align: center;
  padding: var(--qiling-space-32) var(--qiling-space-24) var(--qiling-space-28);
  background: linear-gradient(
    180deg,
    rgba(var(--color-primary-rgb), 0.035) 0%,
    rgba(var(--color-surface-rgb), 0.08) 100%
  );
  border-radius: var(--qiling-card-radius);
  backdrop-filter: blur(12px);
  border: 1px solid var(--qiling-component-post-card-border);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease;
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-resource_stats .module-resource-stats .rs-stat-item:hover {
  transform: translateY(-6px);
  box-shadow: var(--qiling-component-post-card-shadow);
  border-color: rgba(var(--color-primary-rgb), 0.2);
  background: linear-gradient(
    180deg,
    rgba(var(--color-primary-rgb), 0.07) 0%,
    rgba(var(--color-surface-rgb), 0.18) 100%
  );
}.qiling-module-scope-resource_stats .module-resource-stats .rs-stat-icon {
  font-size: var(--qiling-text-40);
  margin: 0 auto var(--qiling-space-18);
  color: var(--color-primary);
  height: 58px;
  width: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--qiling-card-radius) - 6px);
  background: var(
    --qiling-component-surface-alt-bg,
    rgba(var(--color-primary-rgb), 0.08)
  );
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: inset 0 1px 0 rgba(var(--color-surface-rgb), 0.24);
}.qiling-module-scope-resource_stats .module-resource-stats .rs-stat-icon .dashicons {
  width: auto;
  height: auto;
  font-size: var(--qiling-text-40);
}.qiling-module-scope-resource_stats .module-resource-stats .rs-stat-number-wrap {
  font-size: var(--qiling-text-rem-2p5);
  font-weight: 700;
  color: var(--color-heading);
  line-height: 1.08;
  margin-bottom: var(--qiling-space-8);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--qiling-space-3);
}.qiling-module-scope-resource_stats .module-resource-stats .rs-stat-plus {
  font-size: var(--qiling-text-rem-1p5);
  vertical-align: super;
  margin-top: var(--qiling-space-neg-6);
  color: var(--color-primary);
}.qiling-module-scope-resource_stats .module-resource-stats .rs-stat-label {
  font-size: var(--qiling-text-rem-1);
  color: var(--color-text-muted);
  font-weight: 600;
  line-height: 1.6;
}html.dark-mode .qiling-module-scope-resource_stats .module-resource-stats .rs-title {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-resource_stats .module-resource-stats .rs-subtitle {
  color: var(--dm-text-muted);
}html.dark-mode .qiling-module-scope-resource_stats .module-resource-stats .rs-stat-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-resource_stats .module-resource-stats .rs-stat-item:hover {
  border-color: rgba(var(--color-primary-rgb), 0.26);
}html.dark-mode .qiling-module-scope-resource_stats .module-resource-stats .rs-stat-number-wrap {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-resource_stats .module-resource-stats .rs-stat-label {
  color: var(--dm-text-muted);
}html.dark-mode .qiling-module-scope-resource_stats .module-resource-stats .rs-stat-icon {
  background: var(
    --qiling-component-surface-alt-bg,
    var(--qiling-color-rgba-30-41-59-072)
  );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
  box-shadow: none;
}.qiling-module-scope-resource_stats /* 响应式 (Responsive) */
@media (max-width: 1024px) {
  .module-resource-stats .rs-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--qiling-space-20);
  }
}@media (max-width: 640px){.qiling-module-scope-resource_stats .module-resource-stats .rs-header {
    margin-bottom: var(--qiling-space-30);
  }.qiling-module-scope-resource_stats .module-resource-stats .rs-title {
    font-size: var(--qiling-text-rem-1p8);
  }.qiling-module-scope-resource_stats .module-resource-stats .rs-stats-grid {
    gap: var(--qiling-space-15);
  }.qiling-module-scope-resource_stats .module-resource-stats .rs-stat-item {
    padding: var(--qiling-space-22) var(--qiling-space-16);
  }.qiling-module-scope-resource_stats .module-resource-stats .rs-stat-number-wrap {
    font-size: var(--qiling-text-rem-2);
  }.qiling-module-scope-resource_stats .module-resource-stats .rs-stat-icon {
    font-size: var(--qiling-text-32);
    margin-bottom: var(--qiling-space-15);
    height: 48px;
    width: 48px;
  }.qiling-module-scope-resource_stats .module-resource-stats .rs-stat-icon .dashicons {
    font-size: var(--qiling-text-32);
  }
}

.qiling-module-scope-resume_hero .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-resume_hero .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-resume_hero .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-resume_hero .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-resume_hero .features-tab-btn .tab-icon,
.qiling-module-scope-resume_hero .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-resume_hero .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-resume_hero .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-resume_hero .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-resume_hero .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-resume_hero .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-resume_hero .features-tabs-content {
  position: relative;
}.qiling-module-scope-resume_hero .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-resume_hero .features-tab-pane.active {
  display: block;
}.qiling-module-scope-resume_hero .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-resume_hero .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-resume_hero .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-resume_hero .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-resume_hero .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-resume_hero .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-resume_hero .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-resume_hero .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-resume_hero .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-resume_hero .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-resume_hero .features-grid-2,
.qiling-module-scope-resume_hero .features-grid-3,
.qiling-module-scope-resume_hero .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-resume_hero /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-resume_hero .module-decor.d-left {
  left: 0;
}.qiling-module-scope-resume_hero .module-decor.d-right {
  right: 0;
}.qiling-module-scope-resume_hero .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-resume_hero /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-resume_hero .module-decor svg path,
.qiling-module-scope-resume_hero .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-resume_hero /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-resume_hero .module-decor {
    display: none !important;
  }}.qiling-module-scope-resume_hero .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-resume_hero .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-resume_hero .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-resume_hero .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-resume_hero .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-resume_hero /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-resume_hero .ql-travel-cols-2,
.qiling-module-scope-resume_hero .ql-travel-cols-3,
.qiling-module-scope-resume_hero .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-resume_hero .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-resume_hero /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-resume_hero /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-resume_hero .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-resume_hero .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-resume_hero .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-resume_hero .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-resume_hero .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-resume_hero .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-resume_hero /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-resume_hero /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-resume_hero /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-resume_hero [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-resume_hero .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-resume_hero .module-resume-hero .rh-btn.btn-solid { color: var(--rh-solid-btn-text, #ffffff); }.qiling-module-scope-resume_hero .module-resume-hero .rh-btn.btn-solid:hover { color: var(--rh-solid-btn-hover-text, #ffffff); }.qiling-module-scope-resume_hero /* ===== 简历主视觉 (resume_hero) ===== */

.module-resume-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  isolation: isolate;
}.qiling-module-scope-resume_hero .module-resume-hero .rh-container {
  position: relative;
  z-index: 1;
  max-width: var(--qiling-measure-860);
  padding: clamp(
      var(--qiling-space-72),
      var(--qiling-space-vw-9),
      var(--qiling-space-112)
    )
    var(--qiling-space-28);
  text-align: center;
}.qiling-module-scope-resume_hero .module-resume-hero .rh-container.layout-left {
  text-align: left;
  max-width: var(--qiling-measure-1120);
  width: 100%;
}.qiling-module-scope-resume_hero /* 头像 */
.module-resume-hero .rh-avatar-wrap {
  margin-bottom: var(--qiling-space-28);
}.qiling-module-scope-resume_hero .module-resume-hero .rh-avatar {
  object-fit: cover;
  border: 6px solid var(--qiling-color-rgba-255-255-255-018);
  box-shadow: 0 20px 50px var(--qiling-color-rgba-0-0-0-028);
  background: var(--qiling-color-rgba-255-255-255-008);
}.qiling-module-scope-resume_hero .module-resume-hero .rh-avatar.style-circle {
  border-radius: 50%;
}.qiling-module-scope-resume_hero .module-resume-hero .rh-avatar.style-rounded {
  border-radius: 20px;
}.qiling-module-scope-resume_hero .module-resume-hero .rh-avatar.style-square {
  border-radius: 0;
}.qiling-module-scope-resume_hero /* 姓名 */
.module-resume-hero .rh-name {
  font-size: clamp(
    var(--qiling-text-rem-2p8),
    var(--qiling-text-vw-5),
    var(--qiling-text-rem-4p25)
  );
  font-weight: 700;
  margin: 0 auto var(--qiling-space-14);
  letter-spacing: var(--qiling-tracking-neg-em-0p02);
  color: var(--color-text-inverse);
  max-width: var(--qiling-measure-pct-100);
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: pretty;
}.qiling-module-scope-resume_hero .module-resume-hero .layout-left .rh-name {
  margin-left: 0;
}.qiling-module-scope-resume_hero /* 职位 */
.module-resume-hero .rh-titles {
  font-size: var(--qiling-text-rem-1p4);
  font-weight: 500;
  margin-bottom: var(--qiling-space-24);
  color: var(--color-primary, var(--color-primary-light));
  min-height: 2em;
}.qiling-module-scope-resume_hero .module-resume-hero .rh-title-item {
  display: inline-block;
  margin: 0 var(--qiling-space-8);
}.qiling-module-scope-resume_hero .module-resume-hero .rh-title-item:not(:last-child)::after {
  content: "•";
  margin-left: var(--qiling-space-16);
  opacity: 0.5;
}.qiling-module-scope-resume_hero .module-resume-hero .rh-cursor {
  animation: rhBlink 0.7s infinite;
}
@keyframes rhBlink {
  0%,
  50% {
    opacity: 1;
  }
  51%,
  100% {
    opacity: 0;
  }
}.qiling-module-scope-resume_hero /* 简介 */
.module-resume-hero .rh-bio {
  font-size: var(--qiling-text-rem-1p1);
  line-height: 1.7;
  margin: 0 0 var(--qiling-space-28);
  max-width: 60ch;
  margin-left: auto;
  margin-right: auto;
}.qiling-module-scope-resume_hero .module-resume-hero .layout-left .rh-bio {
  margin-left: 0;
}.qiling-module-scope-resume_hero /* 联系信息 */
.module-resume-hero .rh-contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--qiling-space-14);
  margin-bottom: var(--qiling-space-28);
}.qiling-module-scope-resume_hero .module-resume-hero .layout-left .rh-contact {
  justify-content: flex-start;
}.qiling-module-scope-resume_hero .module-resume-hero .rh-contact-item {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-8);
  color: var(--qiling-color-rgba-255-255-255-08);
  text-decoration: none;
  font-size: var(--qiling-text-rem-0p95);
  transition: all 0.3s;
  padding: var(--qiling-space-10) var(--qiling-space-16);
  border-radius: 999px;
  background: var(--qiling-color-rgba-255-255-255-008);
  border: 1px solid var(--qiling-color-rgba-255-255-255-014);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}.qiling-module-scope-resume_hero .module-resume-hero a.rh-contact-item:hover {
  color: var(--color-primary, var(--color-primary-light));
  transform: translateY(-2px);
  border-color: var(--qiling-color-rgba-255-255-255-02);
}.qiling-module-scope-resume_hero /* 社交媒体 */
.module-resume-hero .rh-socials {
  display: flex;
  justify-content: center;
  gap: var(--qiling-space-12);
  margin-bottom: var(--qiling-space-32);
}.qiling-module-scope-resume_hero .module-resume-hero .layout-left .rh-socials {
  justify-content: flex-start;
}.qiling-module-scope-resume_hero .module-resume-hero .rh-social-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: var(--qiling-color-rgba-255-255-255-01);
  border: 1px solid var(--qiling-color-rgba-255-255-255-014);
  border-radius: 50%;
  color: var(--color-text-inverse);
  text-decoration: none;
  transition: all 0.3s;
  font-size: var(--qiling-text-rem-1p2);
  box-shadow: 0 14px 32px var(--qiling-color-rgba-15-23-42-014);
}.qiling-module-scope-resume_hero .module-resume-hero .rh-social-item:hover {
  background: var(
    --qiling-component-button-bg,
    var(--color-primary, var(--color-primary-light))
  );
  transform: translateY(-3px);
}.qiling-module-scope-resume_hero .module-resume-hero .rh-social-item svg {
  width: 20px;
  height: 20px;
}.qiling-module-scope-resume_hero /* 按钮 */
.module-resume-hero .rh-buttons {
  display: flex;
  justify-content: center;
  gap: var(--qiling-space-16);
  flex-wrap: wrap;
}.qiling-module-scope-resume_hero .module-resume-hero .layout-left .rh-buttons {
  justify-content: flex-start;
}.qiling-module-scope-resume_hero .module-resume-hero .rh-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-14) var(--qiling-space-28);
  min-height: 54px;
  font-size: var(--qiling-text-rem-1);
  font-weight: 600;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.3s;
  border: 1px solid var(--qiling-color-transparent);
  box-shadow: var(
    --qiling-component-button-shadow,
    0 18px 36px var(--qiling-color-rgba-15-23-42-016)
  );
}.qiling-module-scope-resume_hero .module-resume-hero .rh-btn.btn-solid {
  background: var(
    --qiling-component-button-bg,
    linear-gradient(
      135deg,
      var(--color-primary, var(--color-primary-light)),
      var(--color-secondary, var(--qiling-color-059669))
    )
  );
  color: var(--qiling-component-button-text, var(--color-text-inverse));
  border-color: var(
    --qiling-component-button-border,
    var(--qiling-color-transparent)
  );
}.qiling-module-scope-resume_hero .module-resume-hero .rh-btn.btn-solid:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 42px var(--qiling-color-rgba-59-130-246-024);
}.qiling-module-scope-resume_hero .module-resume-hero .rh-btn.btn-outline {
  background: var(--qiling-color-rgba-255-255-255-006);
  color: var(--color-text-inverse);
  border-color: var(--qiling-color-rgba-255-255-255-024);
}.qiling-module-scope-resume_hero .module-resume-hero .rh-btn.btn-outline:hover {
  background: var(--qiling-color-rgba-255-255-255-012);
  border-color: var(--qiling-color-rgba-255-255-255-032);
  color: var(--color-text-inverse);
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-shell {
  position: relative;
  z-index: 1;
  width: min(100%, 1180px);
  padding: clamp(
      var(--qiling-space-72),
      var(--qiling-space-vw-9),
      var(--qiling-space-112)
    )
    var(--qiling-space-24);
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card {
  background: var(
    --qiling-component-card-bg,
    var(--qiling-color-rgba-255-255-255-096)
  );
  border: 1px solid
    var(--qiling-component-card-border, var(--qiling-color-rgba-226-232-240-09));
  border-radius: calc(var(--qiling-card-radius, 24px) + 8px);
  box-shadow: var(
    --qiling-component-card-shadow,
    0 28px 60px var(--qiling-color-rgba-15-23-42-014)
  );
  overflow: hidden;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-main {
  display: grid;
  grid-template-columns: minmax(260px, var(--rh-card-photo-width, 420px)) minmax(
      0,
      1fr
    );
  align-items: stretch;
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-main.is-no-avatar {
  grid-template-columns: 1fr;
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-photo {
  padding: var(--qiling-space-24);
  background: linear-gradient(
    160deg,
    rgba(var(--color-primary-rgb), 0.16) 0%,
    var(--qiling-color-rgba-56-189-248-012) 100%
  );
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-photo .rh-avatar {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  border-radius: 28px;
  border: 1px solid var(--qiling-color-rgba-255-255-255-042);
  box-shadow: 0 24px 54px var(--qiling-color-rgba-15-23-42-018);
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-content {
  padding: clamp(
    var(--qiling-space-28),
    var(--qiling-space-vw-4),
    var(--qiling-space-44)
  );
  display: flex;
  flex-direction: column;
  justify-content: center;
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-badge {
  align-self: flex-start;
  margin-bottom: var(--qiling-space-18);
  padding: var(--qiling-space-8) var(--qiling-space-14);
  border-radius: 999px;
  background: rgba(var(--color-primary-rgb), 0.1);
  border: 1px solid rgba(var(--color-primary-rgb), 0.14);
  color: var(--rh-accent-color, var(--color-primary));
  font-size: var(--qiling-text-rem-0p82);
  font-weight: 700;
  letter-spacing: var(--qiling-tracking-em-0p08);
  text-transform: uppercase;
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-name {
  margin: 0 0 var(--qiling-space-14);
  max-width: none;
  color: var(--color-neutral-900);
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-titles {
  margin-bottom: var(--qiling-space-18);
  min-height: 0;
  color: var(--color-text-muted);
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-bio {
  margin: 0 0 var(--qiling-space-24);
  max-width: 60ch;
  margin-left: 0;
  margin-right: 0;
  color: var(--color-neutral-700);
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-divider {
  width: 100%;
  height: 1px;
  background: var(
    --qiling-component-card-border,
    var(--qiling-color-rgba-226-232-240-09)
  );
  margin: var(--qiling-space-8) 0 var(--qiling-space-24);
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--qiling-space-14);
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-fact {
  padding: var(--qiling-space-16) var(--qiling-space-18);
  background: rgba(var(--color-primary-rgb), 0.04);
  border: 1px solid
    var(--qiling-component-card-border, var(--qiling-color-rgba-226-232-240-09));
  border-radius: 20px;
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-fact-label {
  font-size: var(--qiling-text-rem-0p82);
  font-weight: 700;
  color: var(--color-text-muted);
  margin-bottom: var(--qiling-space-6);
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-fact-value,
.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-fact-value span {
  font-size: var(--qiling-text-rem-1);
  font-weight: 600;
  color: var(--color-neutral-900);
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-fact-link {
  color: var(--rh-accent-color, var(--color-primary));
  text-decoration: none;
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-buttons-card {
  margin-top: var(--qiling-space-28);
  justify-content: flex-start;
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-footer {
  padding: var(--qiling-space-24)
    clamp(
      var(--qiling-space-28),
      var(--qiling-space-vw-4),
      var(--qiling-space-44)
    );
  border-top: 1px solid
    var(--qiling-component-card-border, var(--qiling-color-rgba-226-232-240-09));
  background: var(--qiling-color-rgba-248-250-252-076);
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-footer .rh-socials {
  justify-content: flex-start;
  margin: 0;
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-social-item {
  background: var(--qiling-component-card-bg, var(--color-neutral-0));
  color: var(--color-neutral-700);
  border-color: var(
    --qiling-component-card-border,
    var(--qiling-color-rgba-226-232-240-09)
  );
  box-shadow: none;
}.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-social-item:hover {
  color: var(--qiling-component-button-text, var(--color-text-inverse));
}html.dark-mode .qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card,
html.dark-mode .qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-social-item {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-color-rgba-15-23-42-092)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-color-neutral-400-alpha-02)
  );
}html.dark-mode .qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-footer {
  background: var(--qiling-color-rgba-15-23-42-078);
  border-top-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-color-neutral-400-alpha-02)
  );
}html.dark-mode .qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-divider,
html.dark-mode .qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-fact {
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-color-neutral-400-alpha-02)
  );
}html.dark-mode .qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-name,
html.dark-mode .qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-fact-value,
html.dark-mode .qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-fact-value span {
  color: var(--color-text-inverse);
}html.dark-mode .qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-titles,
html.dark-mode .qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-bio,
html.dark-mode .qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-fact-label {
  color: var(--qiling-color-rgba-255-255-255-072);
}@media (max-width: 900px){.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-main {
    grid-template-columns: 1fr;
  }.qiling-module-scope-resume_hero .module-resume-hero.style-card .rh-card-photo .rh-avatar {
    min-height: 320px;
  }
}.qiling-module-scope-resume_hero /* 响应式 */
@media (max-width: 768px) {
  .module-resume-hero .rh-name {
    font-size: var(--qiling-text-rem-2p2);
  }
  .module-resume-hero .rh-titles {
    font-size: var(--qiling-text-rem-1p1);
  }
  .module-resume-hero .rh-contact {
    flex-direction: column;
    gap: var(--qiling-space-12);
  }
  .module-resume-hero .rh-buttons {
    flex-direction: column;
  }
  .module-resume-hero .rh-btn {
    width: 100%;
    justify-content: center;
  }
  .module-resume-hero.style-card .rh-card-shell {
    padding-left: var(--qiling-space-16);
    padding-right: var(--qiling-space-16);
  }
  .module-resume-hero.style-card .rh-card-content,
  .module-resume-hero.style-card .rh-card-footer {
    padding-left: var(--qiling-space-20);
    padding-right: var(--qiling-space-20);
  }
  .module-resume-hero.style-card .rh-card-facts {
    grid-template-columns: 1fr;
  }
}

.qiling-module-scope-room-showcase .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-room-showcase .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-room-showcase .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-room-showcase .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-room-showcase .features-tab-btn .tab-icon,
.qiling-module-scope-room-showcase .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-room-showcase .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-room-showcase .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-room-showcase .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-room-showcase .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-room-showcase .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-room-showcase .features-tabs-content {
  position: relative;
}.qiling-module-scope-room-showcase .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-room-showcase .features-tab-pane.active {
  display: block;
}.qiling-module-scope-room-showcase .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-room-showcase .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-room-showcase .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-room-showcase .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-room-showcase .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-room-showcase .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-room-showcase .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-room-showcase .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-room-showcase .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-room-showcase .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-room-showcase .features-grid-2,
.qiling-module-scope-room-showcase .features-grid-3,
.qiling-module-scope-room-showcase .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-room-showcase /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-room-showcase .module-decor.d-left {
  left: 0;
}.qiling-module-scope-room-showcase .module-decor.d-right {
  right: 0;
}.qiling-module-scope-room-showcase .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-room-showcase /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-room-showcase .module-decor svg path,
.qiling-module-scope-room-showcase .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-room-showcase /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-room-showcase .module-decor {
    display: none !important;
  }}.qiling-module-scope-room-showcase .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-room-showcase .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-room-showcase .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-room-showcase .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-room-showcase .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-room-showcase /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-room-showcase .ql-travel-cols-2,
.qiling-module-scope-room-showcase .ql-travel-cols-3,
.qiling-module-scope-room-showcase .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-room-showcase .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-room-showcase /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-room-showcase /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-room-showcase .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-room-showcase .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-room-showcase .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-room-showcase .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-room-showcase .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-room-showcase .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-room-showcase /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-room-showcase /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-room-showcase /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-room-showcase [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-room-showcase .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-room-showcase /* ============================================
 * 酒店模块样式 - Hotel Modules
 * 前缀: ql-hotel-
 * ============================================ */

/* ----------------------------------------
 * 房型展示模块 - Room Showcase Module
 * ---------------------------------------- */

/* 房型网格 */
.module-room-showcase .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-room-showcase /* 房型卡片 */
.module-room-showcase .ql-hotel-room-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.04) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    all 0.3s ease,
    border-color 0.3s ease;
  animation: ql-hotel-fadeInUp 0.6s ease forwards;
  opacity: 0;
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.22);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-room-showcase /* 房型图片 */
.module-room-showcase .ql-hotel-room-image {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-card:hover .ql-hotel-room-image img {
  transform: scale(1.08);
}.qiling-module-scope-room-showcase /* 房型标签 */
.module-room-showcase .ql-hotel-room-badge {
  position: absolute;
  top: 18px;
  left: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--qiling-space-7) var(--qiling-space-14);
  border-radius: 999px;
  font-size: var(--qiling-text-rem-0p75);
  font-weight: 600;
  color: var(--color-text-inverse);
  line-height: 1;
  letter-spacing: var(--qiling-tracking-em-0p02);
  border: 1px solid rgba(var(--color-surface-rgb), 0.18);
  z-index: 2;
  box-shadow: 0 10px 22px var(--qiling-color-rgba-15-23-42-014);
}.qiling-module-scope-room-showcase .ql-hotel-badge-luxury {
  background: linear-gradient(
    135deg,
    var(--qiling-color-b8860b),
    var(--qiling-color-ffd700)
  );
}.qiling-module-scope-room-showcase .ql-hotel-badge-seaview {
  background: linear-gradient(
    135deg,
    var(--qiling-color-0077b6),
    var(--qiling-color-00b4d8)
  );
}.qiling-module-scope-room-showcase .ql-hotel-badge-cityview {
  background: linear-gradient(
    135deg,
    var(--qiling-color-6c757d),
    var(--qiling-color-adb5bd)
  );
}.qiling-module-scope-room-showcase .ql-hotel-badge-garden {
  background: linear-gradient(
    135deg,
    var(--qiling-color-2d6a4f),
    var(--qiling-color-52b788)
  );
}.qiling-module-scope-room-showcase .ql-hotel-badge-discount {
  background: var(--qiling-gradient-error);
}.qiling-module-scope-room-showcase .ql-hotel-badge-recommend {
  background: var(--qiling-gradient-accent);
}.qiling-module-scope-room-showcase /* 房型内容 */
.module-room-showcase .ql-hotel-room-content {
  padding: var(--qiling-space-24) var(--qiling-space-24) var(--qiling-space-26);
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-name {
  font-size: var(--qiling-text-rem-1p25);
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-heading);
  margin: 0 0 var(--qiling-space-14) 0;
}.qiling-module-scope-room-showcase /* 房型信息 */
.module-room-showcase .ql-hotel-room-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-12) var(--qiling-space-16);
  margin-bottom: var(--qiling-space-14);
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-meta span {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-6);
  font-size: var(--qiling-text-rem-0p875);
  color: var(--color-text-muted);
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-meta svg {
  color: var(--color-neutral-400);
}.qiling-module-scope-room-showcase /* 房型描述 */
.module-room-showcase .ql-hotel-room-desc {
  font-size: var(--qiling-text-rem-0p875);
  color: var(--color-text-muted);
  line-height: 1.72;
  margin-bottom: var(--qiling-space-18);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.qiling-module-scope-room-showcase /* 房间设施 */
.module-room-showcase .ql-hotel-room-amenities {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-10);
  margin-bottom: var(--qiling-space-22);
  padding-bottom: var(--qiling-space-22);
  border-bottom: 1px solid var(--qiling-component-post-card-border);
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-amenities .ql-hotel-amenity-item {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-6);
  padding: var(--qiling-space-7) var(--qiling-space-11);
  background: var(--qiling-component-surface-alt-bg, var(--color-neutral-100));
  border: 1px solid rgba(var(--color-primary-rgb), 0.08);
  border-radius: 999px;
  font-size: var(--qiling-text-rem-0p78);
  color: var(--color-text-muted);
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-amenities .ql-hotel-amenity-item svg,
.qiling-module-scope-room-showcase .module-room-showcase
  .ql-hotel-room-amenities
  .ql-hotel-amenity-item
  .ql-hotel-icon {
  width: 13px;
  height: 13px;
  color: var(--color-primary);
  fill: var(--color-primary);
}.qiling-module-scope-room-showcase /* 房型底部 */
.module-room-showcase .ql-hotel-room-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qiling-space-16);
}.qiling-module-scope-room-showcase /* 价格显示 */
.module-room-showcase .ql-hotel-room-price {
  display: flex;
  align-items: baseline;
  gap: var(--qiling-space-4);
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-price-current {
  font-size: var(--qiling-text-rem-1p5);
  font-weight: 700;
  color: var(--color-error);
  line-height: 1;
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-price-unit {
  font-size: var(--qiling-text-rem-0p875);
  color: var(--color-neutral-400);
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-price-original {
  font-size: var(--qiling-text-rem-0p875);
  color: var(--color-neutral-400);
  text-decoration: line-through;
  margin-left: var(--qiling-space-8);
}.qiling-module-scope-room-showcase /* 预订按钮 */
.module-room-showcase .ql-hotel-room-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--qiling-component-button-padding);
  background: var(--ql-room-btn-bg, var(--qiling-component-button-bg));
  border: 1px solid
    var(--ql-room-btn-border, var(--qiling-component-button-border));
  color: var(
    --ql-room-btn-text,
    var(--qiling-component-button-text)
  );
  font-size: var(--qiling-text-rem-0p875);
  font-weight: 600;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-btn:hover {
  background: var(
    --ql-room-btn-hover-bg,
    var(--qiling-component-button-hover-bg)
  );
  border-color: var(
    --ql-room-btn-hover-border,
    var(--qiling-component-button-hover-bg)
  );
  color: var(
    --ql-room-btn-hover-text,
    var(--qiling-component-button-hover-text)
  );
  transform: translateY(-2px);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-room-showcase /* 横向布局 */
.module-room-showcase .ql-hotel-style-horizontal .ql-hotel-room-card {
  display: grid;
  grid-template-columns: 360px 1fr;
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-style-horizontal .ql-hotel-room-image {
  aspect-ratio: auto;
  height: 100%;
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-style-horizontal .ql-hotel-room-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}.qiling-module-scope-room-showcase /* ========================================
 * 暗黑模式支持
 * ======================================== */

/* 房型展示 - 暗黑模式 */
html.dark-mode .module-room-showcase .ql-hotel-room-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      var(--qiling-color-rgba-15-23-42-0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--color-neutral-800));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
  box-shadow: var(--qiling-component-post-card-shadow);
}html.dark-mode .qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-card:hover {
  box-shadow: var(--qiling-component-post-card-shadow);
}html.dark-mode .qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-name {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-meta span {
  color: var(--color-neutral-400);
}html.dark-mode .qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-desc {
  color: var(--color-neutral-400);
}html.dark-mode .qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-amenities {
  border-bottom-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
}html.dark-mode .qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-price-current {
  color: var(--color-error);
}.qiling-module-scope-room-showcase html.dark-mode
  .module-room-showcase
  .ql-hotel-room-amenities
  .ql-hotel-amenity-item {
  background: var(--qiling-color-rgba-30-41-59-078);
  border-color: rgba(var(--color-primary-rgb), 0.16);
}.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-btn { color: var(--ql-room-btn-text, #ffffff); }.qiling-module-scope-room-showcase .module-room-showcase .ql-hotel-room-btn:hover { color: var(--ql-room-btn-hover-text, #ffffff); }

.qiling-module-scope-service_cards .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-service_cards .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-service_cards .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-service_cards .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-service_cards .features-tab-btn .tab-icon,
.qiling-module-scope-service_cards .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-service_cards .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-service_cards .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-service_cards .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-service_cards .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-service_cards .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-service_cards .features-tabs-content {
  position: relative;
}.qiling-module-scope-service_cards .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-service_cards .features-tab-pane.active {
  display: block;
}.qiling-module-scope-service_cards .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-service_cards .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-service_cards .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-service_cards .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-service_cards .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-service_cards .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-service_cards .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-service_cards .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-service_cards .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-service_cards .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-service_cards .features-grid-2,
.qiling-module-scope-service_cards .features-grid-3,
.qiling-module-scope-service_cards .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-service_cards /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-service_cards .module-decor.d-left {
  left: 0;
}.qiling-module-scope-service_cards .module-decor.d-right {
  right: 0;
}.qiling-module-scope-service_cards .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-service_cards /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-service_cards .module-decor svg path,
.qiling-module-scope-service_cards .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-service_cards /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-service_cards .module-decor {
    display: none !important;
  }}.qiling-module-scope-service_cards .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-service_cards .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-service_cards .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-service_cards .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-service_cards .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-service_cards /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-service_cards .ql-travel-cols-2,
.qiling-module-scope-service_cards .ql-travel-cols-3,
.qiling-module-scope-service_cards .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-service_cards .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-service_cards /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-service_cards /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-service_cards .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-service_cards .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-service_cards .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-service_cards .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-service_cards .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-service_cards .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-service_cards /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-service_cards /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-service_cards /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-service_cards [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-service_cards .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-service_cards /* ===== 服务卡片 (service_cards) ===== */

.module-service-cards {
  background: var(--sc-bg);
}.qiling-module-scope-service_cards .module-service-cards .sc-grid {
  width: 100%;
  gap: var(--qiling-space-24);
}.qiling-module-scope-service_cards .module-service-cards.module-service-cards .sc-grid .sc-card {
  display: flex;
  align-items: flex-start;
  gap: var(--qiling-space-18);
  padding: var(--qiling-space-24) var(--qiling-space-22);
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  min-width: 0;
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-service_cards .module-service-cards.module-service-cards .sc-grid .sc-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.18);
  box-shadow: var(--qiling-component-card-shadow) !important;
}.qiling-module-scope-service_cards .module-service-cards .sc-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-20);
  border: 1px solid rgba(var(--color-primary-rgb), 0.08);
  box-shadow: 0 14px 32px rgba(var(--color-primary-rgb), 0.14);
}.qiling-module-scope-service_cards .module-service-cards .sc-icon img {
  width: 60%;
  height: 60%;
  object-fit: contain;
}.qiling-module-scope-service_cards .module-service-cards .sc-icon-emoji {
  font-size: var(--qiling-text-24);
  line-height: 1;
}.qiling-module-scope-service_cards .module-service-cards .sc-icon .qs-icon {
  font-size: var(--qiling-text-24);
}.qiling-module-scope-service_cards .module-service-cards .sc-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-8);
}.qiling-module-scope-service_cards .module-service-cards .sc-title-row {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-10);
  flex-wrap: wrap;
  margin-bottom: 0;
}.qiling-module-scope-service_cards .module-service-cards .sc-title {
  font-size: var(--qiling-text-rem-1p05);
  font-weight: 700;
  line-height: 1.45;
  color: var(--color-heading);
}.qiling-module-scope-service_cards .module-service-cards .sc-badge {
  display: inline-block;
  padding: var(--qiling-space-4) var(--qiling-space-10);
  font-size: var(--qiling-text-rem-0p75);
  font-weight: 600;
  color: var(--color-text-inverse);
  border-radius: 4px;
  line-height: 1.4;
}.qiling-module-scope-service_cards .module-service-cards .sc-desc {
  margin: 0;
  font-size: var(--qiling-text-rem-0p92);
  color: var(--color-text-muted);
  line-height: 1.72;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}.qiling-module-scope-service_cards /* 暗黑模式 */
html.dark-mode .module-service-cards {
  background: var(--dm-bg) !important;
}html.dark-mode .qiling-module-scope-service_cards .module-service-cards.module-service-cards .sc-grid .sc-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg)) !important;
  border: 1px solid
    var(
      --qiling-component-card-border-dark,
      var(--qiling-component-card-border)
    );
  box-shadow: var(--qiling-component-card-shadow) !important;
}html.dark-mode .qiling-module-scope-service_cards .module-service-cards .sc-title {
  color: var(--qds-title-color, var(--qiling-module-title, var(--color-heading)));
}html.dark-mode .qiling-module-scope-service_cards .module-service-cards .sc-desc {
  color: var(--qds-text-color, var(--qiling-module-text, var(--color-text-muted)));
}.qiling-module-scope-service_cards /* 响应式 */
@media (max-width: 992px) {
  .module-service-cards .sc-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}@media (max-width: 576px){.qiling-module-scope-service_cards .module-service-cards .sc-grid {
    grid-template-columns: 1fr !important;
  }.qiling-module-scope-service_cards .module-service-cards .sc-card {
    padding: var(--qiling-space-16);
  }
}.qiling-module-scope-service_cards [data-qds-card-mode="independent"] .module-service-cards.module-service-cards .sc-card {
  border-radius: var(--qiling-card-radius);
}

.qiling-module-scope-services .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-services .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-services .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-services .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-services .features-tab-btn .tab-icon,
.qiling-module-scope-services .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-services .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-services .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-services .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-services .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-services .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-services .features-tabs-content {
  position: relative;
}.qiling-module-scope-services .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-services .features-tab-pane.active {
  display: block;
}.qiling-module-scope-services .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-services .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-services .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-services .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-services .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-services .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-services .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-services .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-services .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-services .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-services .features-grid-2,
.qiling-module-scope-services .features-grid-3,
.qiling-module-scope-services .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-services /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-services .module-decor.d-left {
  left: 0;
}.qiling-module-scope-services .module-decor.d-right {
  right: 0;
}.qiling-module-scope-services .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-services /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-services .module-decor svg path,
.qiling-module-scope-services .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-services /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-services .module-decor {
    display: none !important;
  }}.qiling-module-scope-services .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-services .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-services .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-services .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-services .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-services /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-services .ql-travel-cols-2,
.qiling-module-scope-services .ql-travel-cols-3,
.qiling-module-scope-services .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-services .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-services /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-services /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-services .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-services .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-services .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-services .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-services .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-services .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-services /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-services /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-services /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-services [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-services .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-services /* ===== 服务模块 (增强版) (Module Services Enhanced) ===== */
.module-services {
  background: var(--s-bg-color, var(--color-surface));
  padding: var(--s-padding, var(--qiling-space-80) 0);
}.qiling-module-scope-services .module-services.section-padding {
  padding: var(--s-padding, var(--qiling-space-80) 0);
}.qiling-module-scope-services .module-services .section-header {
  margin-bottom: var(--qiling-space-44);
}.qiling-module-scope-services .module-services .section-title {
  font-size: var(--s-heading-size, var(--qiling-section-title-size));
  color: var(--s-heading-color, var(--color-heading));
}.qiling-module-scope-services .module-services .section-subtitle {
  font-size: var(--s-heading-sub-size, var(--qiling-text-rem-1p05));
  color: var(--s-heading-sub-color, var(--color-text-muted));
}.qiling-module-scope-services .services-grid {
  display: grid;
  grid-template-columns: repeat(var(--s-cols, 4), 1fr);
  gap: var(--qiling-space-32);
}.qiling-module-scope-services .module-services .service-item {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.04) 0%,
      rgba(var(--color-primary-rgb), 0) 100%
    ),
    var(--s-card-bg, var(--qiling-component-card-bg));
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-36) var(--qiling-space-28) var(--qiling-space-32);
  border: 1px solid var(--s-card-border, var(--qiling-component-card-border));
  text-align: center;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.3s ease,
    box-shadow 0.3s ease;
  height: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-services .module-services .service-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(
    90deg,
    var(--s-accent, var(--color-primary)),
    var(--s-accent, var(--color-primary-light, var(--qiling-color-60a5fa)))
  );
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
}.qiling-module-scope-services .module-services .service-item:hover {
  transform: translateY(-8px);
  box-shadow: var(--qiling-component-card-shadow);
  border-color: var(--s-card-hover-border, rgba(var(--color-primary-rgb), 0.18));
}.qiling-module-scope-services .module-services .service-item:hover::before {
  transform: scaleX(1);
}.qiling-module-scope-services .module-services .service-icon {
  font-size: var(--qiling-text-rem-2p5);
  margin-bottom: var(--qiling-space-22);
  color: var(--s-icon-color, var(--color-primary));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background: var(--s-icon-bg, linear-gradient(
    135deg,
    rgba(var(--color-primary-rgb), 0.14) 0%,
    rgba(var(--color-accent-rgb), 0.1) 100%
  ));
  border: 1px solid rgba(var(--color-primary-rgb), 0.08);
  border-radius: calc(var(--qiling-card-radius) - 2px);
}.qiling-module-scope-services .module-services .service-title {
  font-size: var(--qiling-text-rem-1p125);
  margin-bottom: var(--qiling-space-12);
  font-weight: 700;
  line-height: 1.4;
  color: var(--s-item-title, var(--color-heading));
}.qiling-module-scope-services .module-services .service-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s;
}.qiling-module-scope-services .module-services .service-title a:hover {
  color: var(--color-primary);
}.qiling-module-scope-services .module-services .service-desc {
  color: var(--s-item-desc, var(--color-text-muted));
  font-size: var(--qiling-text-rem-0p9);
  line-height: 1.7;
  margin: 0;
}.qiling-module-scope-services /* 响应式 (Responsive) */
@media (max-width: 1024px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}@media (max-width: 640px){.qiling-module-scope-services .services-grid {
    grid-template-columns: 1fr !important;
  }
}.qiling-module-scope-services /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-services {
  background: var(--dm-bg) !important;
  /* 如果用户选择了浅色，则强制使用深色背景 (Force dark bg if user selected light) */
}html.dark-mode .qiling-module-scope-services .module-services .service-item {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-services .module-services .service-title {
  color: var(--s-title-color, var(--color-heading));
}html.dark-mode .qiling-module-scope-services .service-desc {
  color: var(--s-sub-color, var(--color-text-muted));
}.qiling-module-scope-services [data-qds-card-mode="independent"] .module-services.module-services .service-item {
  background: var(--s-card-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--s-card-border, var(--qiling-component-card-border));
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-services .module-services.module-services .service-item:hover {
  border-color: var(--s-card-hover-border, var(--s-card-border, var(--qiling-component-card-border)));
  box-shadow: var(--qiling-component-card-shadow);
}

.qiling-module-scope-skills .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-skills .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-skills .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-skills .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-skills .features-tab-btn .tab-icon,
.qiling-module-scope-skills .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-skills .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-skills .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-skills .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-skills .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-skills .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-skills .features-tabs-content {
  position: relative;
}.qiling-module-scope-skills .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-skills .features-tab-pane.active {
  display: block;
}.qiling-module-scope-skills .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-skills .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-skills .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-skills .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-skills .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-skills .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-skills .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-skills .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-skills .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-skills .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-skills .features-grid-2,
.qiling-module-scope-skills .features-grid-3,
.qiling-module-scope-skills .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-skills /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-skills .module-decor.d-left {
  left: 0;
}.qiling-module-scope-skills .module-decor.d-right {
  right: 0;
}.qiling-module-scope-skills .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-skills /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-skills .module-decor svg path,
.qiling-module-scope-skills .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-skills /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-skills .module-decor {
    display: none !important;
  }}.qiling-module-scope-skills .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-skills .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-skills .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-skills .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-skills .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-skills /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-skills .ql-travel-cols-2,
.qiling-module-scope-skills .ql-travel-cols-3,
.qiling-module-scope-skills .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-skills .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-skills /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-skills /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-skills .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-skills .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-skills .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-skills .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-skills .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-skills .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-skills /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-skills /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-skills /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-skills [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-skills .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-skills .module-skills {
  --skills-bar-color: linear-gradient(
    135deg,
    var(--color-primary) 0%,
    var(--color-accent) 100%
  );
  --skills-bar-bg: var(--color-neutral-200);
  --skills-bar-height: 10px;
  position: relative;
}.qiling-module-scope-skills .module-skills .module-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-000000);
  z-index: 1;
}.qiling-module-scope-skills .module-skills .skills-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-skills .module-skills .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-skills .module-skills .skills-wrapper {
  max-width: var(--qiling-measure-960);
  margin: 0 auto;
}.qiling-module-scope-skills .module-skills .skills-wrapper.layout-double {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--qiling-space-28);
  max-width: var(--qiling-measure-1200);
}.qiling-module-scope-skills .module-skills .skills-group {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-30) var(--qiling-space-28) var(--qiling-space-26);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-skills .module-skills .skills-group-title {
  font-size: var(--qiling-text-rem-1p25);
  font-weight: 700;
  margin: 0 0 var(--qiling-space-24);
  position: relative;
  padding-left: var(--qiling-space-16);
  color: var(--color-heading);
  line-height: 1.35;
}.qiling-module-scope-skills .module-skills .skills-group-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 20px;
  background: var(--skills-bar-color);
  border-radius: 2px;
}.qiling-module-scope-skills .module-skills .skill-item {
  margin-bottom: var(--qiling-space-22);
}.qiling-module-scope-skills .module-skills .skill-item:last-child {
  margin-bottom: 0;
}.qiling-module-scope-skills .module-skills .skill-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--qiling-space-12);
  margin-bottom: var(--qiling-space-10);
}.qiling-module-scope-skills .module-skills .skill-name {
  font-weight: 700;
  font-size: var(--qiling-text-rem-0p95);
  color: var(--color-heading);
  line-height: 1.45;
}.qiling-module-scope-skills .module-skills .skill-percent {
  font-size: var(--qiling-text-rem-0p85);
  font-weight: 600;
  color: var(--qiling-component-badge-text);
  background: var(--qiling-component-badge-bg);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: 999px;
  padding: var(--qiling-space-4) var(--qiling-space-9);
  line-height: 1;
  white-space: nowrap;
}.qiling-module-scope-skills .module-skills .skill-bar-wrap {
  height: var(--skills-bar-height);
  background: var(--skills-bar-bg);
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(var(--color-primary-rgb), 0.08);
  box-shadow: inset 0 1px 2px var(--qiling-color-rgba-15-23-42-005);
}.qiling-module-scope-skills .module-skills .skill-bar {
  height: 100%;
  background: var(--skills-bar-color);
  border-radius: 999px;
  transition: width 1.5s ease-out;
  box-shadow: 0 10px 20px rgba(var(--color-primary-rgb), 0.18);
}.qiling-module-scope-skills .module-skills[data-animate="1"] .skill-bar {
  width: 0 !important;
}.qiling-module-scope-skills .module-skills.animated .skill-bar {
  width: var(--skill-percent) !important;
}.qiling-module-scope-skills .module-skills .skills-circles {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-24);
  justify-content: center;
}.qiling-module-scope-skills .module-skills .skill-circle-item {
  text-align: center;
  min-width: var(--qiling-measure-108);
}.qiling-module-scope-skills .module-skills .skill-circle {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto var(--qiling-space-12);
  background: rgba(var(--color-primary-rgb), 0.04);
  border: 1px solid rgba(var(--color-primary-rgb), 0.08);
  border-radius: 50%;
  box-shadow: inset 0 1px 0 rgba(var(--color-surface-rgb), 0.5);
}.qiling-module-scope-skills .module-skills .skill-circle svg {
  transform: rotate(-90deg);
}.qiling-module-scope-skills .module-skills .skill-circle-bg {
  fill: none;
  stroke: var(--skills-bar-bg);
  stroke-width: 8;
}.qiling-module-scope-skills .module-skills .skill-circle-progress {
  fill: none;
  stroke: url(#skill-gradient);
  stroke-width: 8;
  stroke-linecap: round;
  transition: stroke-dashoffset 1.5s ease-out;
}.qiling-module-scope-skills .module-skills .skill-circle-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: var(--qiling-text-rem-1p2);
  font-weight: 700;
  color: var(--color-primary);
}.qiling-module-scope-skills .module-skills .skill-circle-name {
  font-weight: 700;
  font-size: var(--qiling-text-rem-0p9);
  color: var(--color-heading);
  line-height: 1.45;
}@media (max-width: 768px){.qiling-module-scope-skills .module-skills .skills-wrapper.layout-double {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }.qiling-module-scope-skills .module-skills .section-header {
    margin-bottom: var(--qiling-space-30);
  }.qiling-module-scope-skills .module-skills .skills-group {
    padding: var(--qiling-space-24) var(--qiling-space-20)
      var(--qiling-space-22);
  }
}html.dark-mode .qiling-module-scope-skills .module-skills {
  background: var(--dm-bg) !important;
}html.dark-mode .qiling-module-scope-skills .module-skills .section-title {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-skills .module-skills .section-subtitle {
  color: var(--dm-text-muted);
}html.dark-mode .qiling-module-scope-skills .module-skills .skill-name,
html.dark-mode .qiling-module-scope-skills .module-skills .skill-circle-name,
html.dark-mode .qiling-module-scope-skills .module-skills .skills-group-title {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-skills .module-skills .skills-group {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-skills .module-skills .skill-bar-wrap {
  background: var(--color-neutral-700);
}html.dark-mode .qiling-module-scope-skills .module-skills .skill-circle-bg {
  stroke: var(--color-neutral-700);
}html.dark-mode .qiling-module-scope-skills .module-skills .skill-circle {
  background: rgba(var(--color-surface-rgb), 0.04);
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}

.qiling-module-scope-software_carousel .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-software_carousel .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-software_carousel .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-software_carousel .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-software_carousel .features-tab-btn .tab-icon,
.qiling-module-scope-software_carousel .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-software_carousel .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-software_carousel .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-software_carousel .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-software_carousel .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-software_carousel .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-software_carousel .features-tabs-content {
  position: relative;
}.qiling-module-scope-software_carousel .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-software_carousel .features-tab-pane.active {
  display: block;
}.qiling-module-scope-software_carousel .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-software_carousel .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-software_carousel .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-software_carousel .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-software_carousel .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-software_carousel .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-software_carousel .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-software_carousel .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-software_carousel .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-software_carousel .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-software_carousel .features-grid-2,
.qiling-module-scope-software_carousel .features-grid-3,
.qiling-module-scope-software_carousel .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-software_carousel /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-software_carousel .module-decor.d-left {
  left: 0;
}.qiling-module-scope-software_carousel .module-decor.d-right {
  right: 0;
}.qiling-module-scope-software_carousel .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-software_carousel /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-software_carousel .module-decor svg path,
.qiling-module-scope-software_carousel .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-software_carousel /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-software_carousel .module-decor {
    display: none !important;
  }}.qiling-module-scope-software_carousel .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-software_carousel .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-software_carousel .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-software_carousel .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-software_carousel .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-software_carousel /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-software_carousel .ql-travel-cols-2,
.qiling-module-scope-software_carousel .ql-travel-cols-3,
.qiling-module-scope-software_carousel .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-software_carousel .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-software_carousel /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-software_carousel /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-software_carousel .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-software_carousel .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-software_carousel .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-software_carousel .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-software_carousel .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-software_carousel .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-software_carousel /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-software_carousel /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-software_carousel /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-software_carousel [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-software_carousel .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-software_carousel .module-software-carousel {
  position: relative;
  background-color: var(--sc-bg-color, var(--color-surface));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}.qiling-module-scope-software_carousel .module-software-carousel.has-bg-image {
  background-image: var(--sc-bg-image);
}.qiling-module-scope-software_carousel .module-software-carousel .module-bg-overlay {
  background-color: var(--sc-bg-overlay, var(--qiling-color-transparent));
  position: absolute;
  inset: 0;
  z-index: 1;
}.qiling-module-scope-software_carousel /* 头部 (Header) */
.module-software-carousel .sc-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--qiling-space-20);
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-software_carousel .module-software-carousel .section-title {
  color: var(--sc-title-color, var(--color-heading));
  font-size: var(--sc-title-size, var(--qiling-text-rem-1p5));
  font-weight: 700;
  margin: 0;
  line-height: 1.12;
}.qiling-module-scope-software_carousel .module-software-carousel .section-subtitle {
  color: var(--sc-subtitle-color, var(--color-text-muted));
  font-size: var(--sc-subtitle-size, var(--qiling-text-rem-0p95));
  margin: var(--qiling-space-8) 0 0;
  line-height: 1.72;
  max-width: var(--qiling-measure-640);
}.qiling-module-scope-software_carousel .module-software-carousel .sc-more-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-6);
  justify-content: center;
  padding: var(--qiling-component-button-padding);
  min-height: 44px;
  background: var(--sc-btn-bg, var(--qiling-component-button-bg));
  color: var(--sc-btn-text, var(--qiling-component-button-text));
  border: 1px solid var(--sc-btn-border, var(--qiling-component-button-border));
  border-radius: var(--qiling-button-radius);
  text-decoration: none;
  font-weight: 600;
  font-size: var(--qiling-text-14);
  transition: all 0.3s;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-software_carousel .module-software-carousel .sc-more-btn:hover {
  transform: translateY(-2px);
  background: var(--sc-btn-hover-bg, var(--qiling-component-button-hover-bg));
  color: var(--sc-btn-hover-text, var(--qiling-component-button-hover-text));
  border-color: var(
    --sc-btn-hover-border,
    var(--qiling-component-button-hover-bg)
  );
}.qiling-module-scope-software_carousel /* 滚动包裹器 (Scroll Wrapper) */
.module-software-carousel .sc-scroll-wrapper {
  overflow: hidden;
  position: relative;
  padding: var(--qiling-space-18) var(--qiling-space-2) var(--qiling-space-22);
  margin: var(--qiling-space-neg-12) var(--qiling-space-neg-2)
    var(--qiling-space-neg-8);
}.qiling-module-scope-software_carousel .module-software-carousel .sc-scroll-track {
  display: flex;
  width: max-content;
  animation: softwareScroll var(--sc-scroll-speed, 30s) linear infinite;
}.qiling-module-scope-software_carousel .module-software-carousel .sc-scroll-track:hover {
  animation-play-state: paused;
}

@keyframes softwareScroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}.qiling-module-scope-software_carousel /* 卡片 (Cards) */
.module-software-carousel .sc-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--qiling-space-26) var(--qiling-space-20) var(--qiling-space-22);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--sc-card-bg, var(--qiling-component-card-bg));
  border-radius: var(--qiling-card-radius);
  min-width: var(--qiling-measure-168);
  max-width: var(--qiling-measure-168);
  margin: 0 var(--qiling-space-12);
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
  text-decoration: none;
  text-align: center;
  border: 1px solid var(--qiling-component-post-card-border);
}.qiling-module-scope-software_carousel .module-software-carousel .sc-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--qiling-component-post-card-shadow);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}.qiling-module-scope-software_carousel .module-software-carousel .sc-icon {
  width: var(--sc-icon-size, 64px);
  height: var(--sc-icon-size, 64px);
  object-fit: contain;
  border-radius: calc(var(--qiling-card-radius) - 6px);
  margin-bottom: var(--qiling-space-14);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.08);
}.qiling-module-scope-software_carousel .module-software-carousel .sc-icon-placeholder {
  width: var(--sc-icon-size, 64px);
  height: var(--sc-icon-size, 64px);
  background: linear-gradient(
    135deg,
    rgba(var(--color-primary-rgb), 0.08),
    rgba(var(--color-surface-rgb), 0.92)
  );
  border: 1px solid rgba(var(--color-primary-rgb), 0.12);
  border-radius: calc(var(--qiling-card-radius) - 6px);
  margin-bottom: var(--qiling-space-14);
  display: flex;
  align-items: center;
  justify-content: center;
}.qiling-module-scope-software_carousel .module-software-carousel .sc-name {
  color: var(--color-heading);
  font-weight: 700;
  font-size: var(--qiling-text-rem-0p95);
  margin-bottom: var(--qiling-space-6);
  line-height: 1.45;
  max-width: var(--qiling-measure-pct-100);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.qiling-module-scope-software_carousel .module-software-carousel .sc-version {
  color: var(--qiling-component-badge-text);
  font-size: var(--qiling-text-rem-0p8);
  font-weight: 600;
  background: var(--qiling-component-badge-bg);
  border: 1px solid var(--qiling-color-transparent);
  padding: var(--qiling-space-4) var(--qiling-space-10);
  border-radius: 999px;
  margin-bottom: var(--qiling-space-6);
}.qiling-module-scope-software_carousel .module-software-carousel .sc-date {
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p75);
  line-height: 1.5;
}.qiling-module-scope-software_carousel /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-software-carousel {
  background-color: var(--color-neutral-900) !important;
}html.dark-mode .qiling-module-scope-software_carousel .module-software-carousel .sc-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg)) !important;
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-software_carousel .module-software-carousel .sc-name {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-software_carousel .module-software-carousel .sc-date {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-software_carousel .module-software-carousel .sc-icon-placeholder {
  background: linear-gradient(
    135deg,
    rgba(var(--color-primary-rgb), 0.16),
    rgba(var(--color-surface-rgb), 0.08)
  );
  border-color: rgba(var(--color-primary-rgb), 0.18);
}.qiling-module-scope-software_carousel /* 响应式 (Responsive) */
@media (max-width: 768px) {
  .module-software-carousel .sc-header {
    flex-direction: column;
    align-items: flex-start !important;
    gap: var(--qiling-space-16);
  }

  .module-software-carousel .sc-card {
    min-width: var(--qiling-measure-148) !important;
    max-width: var(--qiling-measure-148) !important;
    padding: var(--qiling-space-20) var(--qiling-space-16) !important;
  }
}.qiling-module-scope-software_carousel .module-software-carousel .sc-more-btn { color: var(--sc-btn-text, #ffffff); }.qiling-module-scope-software_carousel .module-software-carousel .sc-more-btn:hover { color: var(--sc-btn-hover-text, #ffffff); }

.qiling-module-scope-software_category .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-software_category .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-software_category .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-software_category .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-software_category .features-tab-btn .tab-icon,
.qiling-module-scope-software_category .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-software_category .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-software_category .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-software_category .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-software_category .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-software_category .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-software_category .features-tabs-content {
  position: relative;
}.qiling-module-scope-software_category .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-software_category .features-tab-pane.active {
  display: block;
}.qiling-module-scope-software_category .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-software_category .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-software_category .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-software_category .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-software_category .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-software_category .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-software_category .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-software_category .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-software_category .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-software_category .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-software_category .features-grid-2,
.qiling-module-scope-software_category .features-grid-3,
.qiling-module-scope-software_category .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-software_category /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-software_category .module-decor.d-left {
  left: 0;
}.qiling-module-scope-software_category .module-decor.d-right {
  right: 0;
}.qiling-module-scope-software_category .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-software_category /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-software_category .module-decor svg path,
.qiling-module-scope-software_category .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-software_category /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-software_category .module-decor {
    display: none !important;
  }}.qiling-module-scope-software_category .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-software_category .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-software_category .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-software_category .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-software_category .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-software_category /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-software_category .ql-travel-cols-2,
.qiling-module-scope-software_category .ql-travel-cols-3,
.qiling-module-scope-software_category .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-software_category .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-software_category /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-software_category /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-software_category .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-software_category .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-software_category .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-software_category .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-software_category .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-software_category .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-software_category /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-software_category /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-software_category /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-software_category [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-software_category .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-software_category .module-software-category {
  position: relative;
  background-color: var(--sc-bg-color, var(--color-surface-alt));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}.qiling-module-scope-software_category .module-software-category.has-bg-image {
  background-image: var(--sc-bg-image);
}.qiling-module-scope-software_category .module-software-category .module-bg-overlay {
  background-color: var(--sc-bg-overlay, var(--qiling-color-transparent));
  position: absolute;
  inset: 0;
  z-index: 1;
}.qiling-module-scope-software_category /* 头部排版 (Header Typography) */
.module-software-category .section-title {
  color: var(--sc-title-color, var(--color-heading));
  font-size: var(--sc-title-size, var(--qiling-text-rem-1p5));
  font-weight: 700;
  margin: 0;
  line-height: 1.12;
}.qiling-module-scope-software_category .module-software-category .section-subtitle {
  color: var(--sc-subtitle-color, var(--color-text-muted));
  font-size: var(--sc-subtitle-size, var(--qiling-text-rem-0p95));
  margin: var(--qiling-space-8) 0 0;
  line-height: 1.72;
  max-width: var(--qiling-measure-680);
}.qiling-module-scope-software_category /* 头部布局 (Header Layout) */
.module-software-category .sc-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--qiling-space-20);
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-software_category .module-software-category .sc-more-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-6);
  justify-content: center;
  min-height: 44px;
  padding: var(--qiling-component-button-padding);
  background: var(--qiling-component-button-bg);
  color: var(--qiling-component-button-text);
  border: 1px solid var(--qiling-component-button-border);
  border-radius: var(--qiling-button-radius);
  text-decoration: none;
  font-weight: 600;
  font-size: var(--qiling-text-rem-0p9);
  transition: all 0.3s;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-software_category .module-software-category .sc-more-btn:hover {
  background: var(--qiling-component-button-hover-bg);
  color: var(--qiling-component-button-hover-text);
  border-color: var(--qiling-component-button-hover-bg);
  transform: translateY(-2px);
}.qiling-module-scope-software_category /* 通用卡片样式 (Common Card Styles) */
.module-software-category .sc-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--sc-card-bg, var(--qiling-component-card-bg));
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
  text-decoration: none;
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-software_category .module-software-category .sc-icon {
  width: var(--sc-icon-size, 56px);
  height: var(--sc-icon-size, 56px);
  object-fit: contain;
  border-radius: calc(var(--qiling-card-radius) - 6px);
  flex-shrink: 0;
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.08);
}.qiling-module-scope-software_category .module-software-category .sc-icon-placeholder {
  width: var(--sc-icon-size, 56px);
  height: var(--sc-icon-size, 56px);
  background: linear-gradient(
    135deg,
    rgba(var(--color-primary-rgb), 0.08),
    rgba(var(--color-surface-rgb), 0.92)
  );
  border: 1px solid rgba(var(--color-primary-rgb), 0.12);
  border-radius: calc(var(--qiling-card-radius) - 6px);
  color: var(--color-neutral-400);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}.qiling-module-scope-software_category .module-software-category .sc-name {
  color: var(--color-heading);
  font-weight: 700;
  line-height: 1.45;
}.qiling-module-scope-software_category .module-software-category .sc-desc {
  color: var(--color-text-muted);
  line-height: 1.72;
}.qiling-module-scope-software_category /* 布局：网格 (Layout: Grid) */
.module-software-category .sc-grid {
  display: grid;
  grid-template-columns: repeat(var(--sc-columns, 4), 1fr);
  gap: var(--qiling-space-24);
}.qiling-module-scope-software_category .module-software-category .sc-card-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--qiling-space-30) var(--qiling-space-22) var(--qiling-space-24);
  border-radius: var(--qiling-card-radius);
}.qiling-module-scope-software_category .module-software-category .sc-card-grid:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}.qiling-module-scope-software_category .module-software-category .sc-card-grid .sc-name {
  margin: var(--qiling-space-14) 0 var(--qiling-space-8);
  font-size: var(--qiling-text-rem-1);
  text-align: center;
}.qiling-module-scope-software_category .module-software-category .sc-card-grid .sc-desc {
  margin: 0 0 var(--qiling-space-10);
  font-size: var(--qiling-text-rem-0p88);
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.qiling-module-scope-software_category .module-software-category .sc-card-grid .sc-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-8);
  justify-content: center;
  margin-top: auto;
}.qiling-module-scope-software_category /* 布局：列表 (Layout: List) */
.module-software-category .sc-list {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-14);
}.qiling-module-scope-software_category .module-software-category .sc-card-list {
  display: flex;
  align-items: center;
  padding: var(--qiling-space-18) var(--qiling-space-24);
  border-radius: var(--qiling-card-radius);
  gap: var(--qiling-space-20);
}.qiling-module-scope-software_category .module-software-category .sc-card-list:hover {
  transform: translateX(4px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}.qiling-module-scope-software_category .module-software-category .sc-card-list:hover .sc-arrow {
  color: var(--color-primary, var(--color-primary));
  transform: translateX(4px);
}.qiling-module-scope-software_category .module-software-category .sc-card-list .sc-info {
  flex: 1;
  min-width: 0;
}.qiling-module-scope-software_category .module-software-category .sc-card-list .sc-name {
  margin: 0 0 var(--qiling-space-6);
  font-size: var(--qiling-text-rem-1);
}.qiling-module-scope-software_category .module-software-category .sc-card-list .sc-desc {
  margin: 0;
  font-size: var(--qiling-text-rem-0p85);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.qiling-module-scope-software_category .module-software-category .sc-card-list .sc-meta-right {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-16);
  flex-shrink: 0;
}.qiling-module-scope-software_category .module-software-category .sc-card-list .sc-arrow {
  color: var(--color-text-muted);
  transition: all 0.3s;
}.qiling-module-scope-software_category /* 布局：紧凑 (Layout: Compact) */
.module-software-category .sc-compact-grid {
  display: grid;
  grid-template-columns: repeat(var(--sc-columns, 5), 1fr);
  gap: var(--qiling-space-14);
}.qiling-module-scope-software_category .module-software-category .sc-card-compact {
  display: flex;
  align-items: center;
  padding: var(--qiling-space-14) var(--qiling-space-16);
  border-radius: calc(var(--qiling-card-radius) - 6px);
  gap: var(--qiling-space-12);
}.qiling-module-scope-software_category .module-software-category .sc-card-compact:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}.qiling-module-scope-software_category .module-software-category .sc-card-compact .sc-name {
  font-size: var(--qiling-text-rem-0p9);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.qiling-module-scope-software_category /* 布局：水平 (Layout: Horizontal) */
.module-software-category .sc-horizontal-wrapper {
  position: relative;
}.qiling-module-scope-software_category .module-software-category .sc-horizontal-scroll {
  display: flex;
  gap: var(--qiling-space-20);
  overflow-x: auto;
  padding: var(--qiling-space-8) var(--qiling-space-4) var(--qiling-space-16);
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}.qiling-module-scope-software_category .module-software-category .sc-horizontal-scroll::-webkit-scrollbar {
  height: 6px;
}.qiling-module-scope-software_category .module-software-category .sc-horizontal-scroll::-webkit-scrollbar-track {
  background: var(--color-neutral-100);
  border-radius: 3px;
}.qiling-module-scope-software_category .module-software-category .sc-horizontal-scroll::-webkit-scrollbar-thumb {
  background: var(--color-neutral-300);
  border-radius: 3px;
}.qiling-module-scope-software_category .module-software-category .sc-horizontal-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-400);
}.qiling-module-scope-software_category .module-software-category .sc-card-horizontal {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: var(--qiling-measure-162);
  max-width: var(--qiling-measure-162);
  padding: var(--qiling-space-24) var(--qiling-space-18) var(--qiling-space-20);
  border-radius: var(--qiling-card-radius);
  scroll-snap-align: start;
  flex-shrink: 0;
}.qiling-module-scope-software_category .module-software-category .sc-card-horizontal:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}.qiling-module-scope-software_category .module-software-category .sc-card-horizontal .sc-name {
  margin: var(--qiling-space-12) 0 var(--qiling-space-6);
  font-size: var(--qiling-text-rem-0p9);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: var(--qiling-measure-pct-100);
}.qiling-module-scope-software_category /* 元数据徽章 (Metadata Badges) */
.module-software-category .sc-version {
  font-size: var(--qiling-text-rem-0p75);
  color: var(--qiling-component-badge-text);
  background: var(--qiling-component-badge-bg);
  border: 1px solid var(--qiling-color-transparent);
  padding: var(--qiling-space-4) var(--qiling-space-10);
  border-radius: 999px;
  font-weight: 600;
}.qiling-module-scope-software_category .module-software-category .sc-downloads {
  font-size: var(--qiling-text-rem-0p75);
  color: var(--color-success-dark);
  background: rgba(var(--color-success-rgb), 0.12);
  border: 1px solid rgba(var(--color-success-rgb), 0.2);
  padding: var(--qiling-space-4) var(--qiling-space-10);
  border-radius: 999px;
  font-weight: 600;
}.qiling-module-scope-software_category .module-software-category .sc-download-icon {
  vertical-align: middle;
  margin-right: var(--qiling-space-4);
}.qiling-module-scope-software_category .module-software-category .sc-download-icon--grid {
  margin-right: var(--qiling-space-2);
}.qiling-module-scope-software_category .module-software-category .sc-date {
  font-size: var(--qiling-text-rem-0p75);
  color: var(--color-text-muted);
  line-height: 1.5;
}.qiling-module-scope-software_category .software-category-notice {
  --software-category-notice-title: var(--color-heading);
  --software-category-notice-text: var(--color-text-muted);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-30);
  text-align: center;
  margin: var(--qiling-space-20) 0;
}.qiling-module-scope-software_category .software-category-notice--plugin {
  --software-category-notice-title: var(--qiling-color-92400e);
  --software-category-notice-text: var(--qiling-color-a16207);
  background: linear-gradient(
    135deg,
    var(--qiling-color-fef3c7),
    var(--qiling-color-fde68a)
  );
  border: 1px solid var(--color-warning);
}.qiling-module-scope-software_category .software-category-notice--empty {
  --software-category-notice-title: var(--color-neutral-600);
  --software-category-notice-text: var(--color-text-muted);
  background: var(--color-surface-alt);
  border: 1px dashed var(--color-neutral-300);
}.qiling-module-scope-software_category .software-category-notice__icon {
  display: block;
  font-size: var(--qiling-text-rem-2p5);
  margin-bottom: var(--qiling-space-12);
}.qiling-module-scope-software_category .software-category-notice__title {
  margin: 0 0 var(--qiling-space-8);
  color: var(--software-category-notice-title);
}.qiling-module-scope-software_category .software-category-notice__text {
  margin: 0;
  color: var(--software-category-notice-text);
}.qiling-module-scope-software_category /* 滚动渐变 (Scroll Fades) */
.module-software-category .sc-scroll-fade-left {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  background: linear-gradient(
    90deg,
    var(--sc-bg-color, var(--color-neutral-50)) 0%,
    var(--qiling-color-transparent) 100%
  );
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
}.qiling-module-scope-software_category .module-software-category .sc-scroll-fade-right {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  background: linear-gradient(
    -90deg,
    var(--sc-bg-color, var(--color-neutral-50)) 0%,
    var(--qiling-color-transparent) 100%
  );
  pointer-events: none;
}.qiling-module-scope-software_category /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-software-category {
  background-color: var(--sc-bg-color, var(--color-neutral-900));
}html.dark-mode .qiling-module-scope-software_category .module-software-category .sc-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg)) !important;
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-software_category .module-software-category .sc-name {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-software_category .module-software-category .sc-desc {
  color: var(--dm-text-muted);
}html.dark-mode .qiling-module-scope-software_category .module-software-category .sc-date {
  color: var(--color-text-muted);
}.qiling-module-scope-software_category html.dark-mode
  .module-software-category
  .sc-horizontal-scroll::-webkit-scrollbar-track {
  background: var(--color-neutral-700);
}.qiling-module-scope-software_category html.dark-mode
  .module-software-category
  .sc-horizontal-scroll::-webkit-scrollbar-thumb {
  background: var(--color-neutral-600);
}html.dark-mode .qiling-module-scope-software_category .module-software-category .sc-scroll-fade-left {
  background: linear-gradient(
    90deg,
    var(--sc-bg-color, var(--color-neutral-900)) 0%,
    var(--qiling-color-transparent) 100%
  );
}html.dark-mode .qiling-module-scope-software_category .module-software-category .sc-scroll-fade-right {
  background: linear-gradient(
    -90deg,
    var(--sc-bg-color, var(--color-neutral-900)) 0%,
    var(--qiling-color-transparent) 100%
  );
}html.dark-mode .qiling-module-scope-software_category .module-software-category .sc-icon-placeholder {
  background: linear-gradient(
    135deg,
    rgba(var(--color-primary-rgb), 0.16),
    rgba(var(--color-surface-rgb), 0.08)
  );
  border-color: rgba(var(--color-primary-rgb), 0.18);
}.qiling-module-scope-software_category /* 响应式 (Responsive) */
@media (max-width: 1024px) {
  .module-software-category .sc-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .module-software-category .sc-compact-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}@media (max-width: 768px){.qiling-module-scope-software_category .module-software-category .sc-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--qiling-space-12);
  }.qiling-module-scope-software_category .module-software-category .sc-grid {
    grid-template-columns: repeat(2, 1fr);
  }.qiling-module-scope-software_category .module-software-category .sc-compact-grid {
    grid-template-columns: repeat(3, 1fr);
  }.qiling-module-scope-software_category .module-software-category .sc-card-list {
    padding: var(--qiling-space-14) var(--qiling-space-16);
  }.qiling-module-scope-software_category .module-software-category .sc-meta-right {
    display: none;
  }
}@media (max-width: 480px){.qiling-module-scope-software_category .module-software-category .sc-grid {
    grid-template-columns: 1fr;
  }.qiling-module-scope-software_category .module-software-category .sc-compact-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}.qiling-module-scope-software_category /* ===== 软件分类模块 (Module Software Category) ===== */
.module-software-category {
  position: relative;
  overflow: hidden;
}.qiling-module-scope-software_category /* 分类暗黑模式 (Category Dark Mode) */
html.dark-mode .module-software-category {
  background: var(--dm-bg) !important;
  /* 覆盖内联样式 (Override inline styles) */
}html.dark-mode .qiling-module-scope-software_category .module-software-category .section-title {
  color: var(--sc-title-color, var(--qds-title-color, var(--qiling-module-title, var(--color-neutral-100))));
}html.dark-mode .qiling-module-scope-software_category .module-software-category .section-subtitle {
  color: var(--sc-subtitle-color, var(--qds-subtitle-color, var(--qiling-module-subtitle, var(--color-neutral-400))));
}html.dark-mode .qiling-module-scope-software_category .module-software-category .sc-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg)) !important;
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
  box-shadow: var(--qiling-component-post-card-shadow);
}html.dark-mode .qiling-module-scope-software_category .module-software-category .sc-card:hover {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.06) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg)) !important;
  border-color: rgba(var(--color-primary-rgb), 0.24);
}html.dark-mode .qiling-module-scope-software_category .module-software-category .sc-desc,
html.dark-mode .qiling-module-scope-software_category .module-software-category .sc-date {
  color: var(--dm-text-muted);
}.qiling-module-scope-software_category .module-software-category .sc-more-btn { color: var(--software-category-btn-text, #ffffff); }.qiling-module-scope-software_category .module-software-category .sc-more-btn:hover { color: var(--software-category-btn-hover-text, #ffffff); }

.qiling-module-scope-software_ranking .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-software_ranking .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-software_ranking .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-software_ranking .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-software_ranking .features-tab-btn .tab-icon,
.qiling-module-scope-software_ranking .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-software_ranking .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-software_ranking .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-software_ranking .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-software_ranking .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-software_ranking .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-software_ranking .features-tabs-content {
  position: relative;
}.qiling-module-scope-software_ranking .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-software_ranking .features-tab-pane.active {
  display: block;
}.qiling-module-scope-software_ranking .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-software_ranking .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-software_ranking .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-software_ranking .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-software_ranking .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-software_ranking .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-software_ranking .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-software_ranking .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-software_ranking .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-software_ranking .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-software_ranking .features-grid-2,
.qiling-module-scope-software_ranking .features-grid-3,
.qiling-module-scope-software_ranking .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-software_ranking /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-software_ranking .module-decor.d-left {
  left: 0;
}.qiling-module-scope-software_ranking .module-decor.d-right {
  right: 0;
}.qiling-module-scope-software_ranking .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-software_ranking /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-software_ranking .module-decor svg path,
.qiling-module-scope-software_ranking .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-software_ranking /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-software_ranking .module-decor {
    display: none !important;
  }}.qiling-module-scope-software_ranking .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-software_ranking .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-software_ranking .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-software_ranking .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-software_ranking .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-software_ranking /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-software_ranking .ql-travel-cols-2,
.qiling-module-scope-software_ranking .ql-travel-cols-3,
.qiling-module-scope-software_ranking .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-software_ranking .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-software_ranking /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-software_ranking /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-software_ranking .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-software_ranking .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-software_ranking .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-software_ranking .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-software_ranking .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-software_ranking .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-software_ranking /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-software_ranking /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-software_ranking /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-software_ranking [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-software_ranking .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-software_ranking /* ===== 软件排行榜模块 (Software Ranking Module) ===== */
.module-software-ranking {
  position: relative;
  /* padding 动态处理，回退方案： (padding handles dynamically, fallback) */
  /* Padding 由模块间距 token 动态处理。(Padding is handled dynamically by the module spacing token) */
}.qiling-module-scope-software_ranking .module-software-ranking .module-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background-color: var(--qiling-color-000000);
}.qiling-module-scope-software_ranking /* 头部 (Header) */
.module-software-ranking .sr-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--qiling-space-20);
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-software_ranking .module-software-ranking .section-title {
  margin: 0;
  font-size: var(--qiling-text-rem-1p5);
  font-weight: 700;
  line-height: 1.12;
  color: var(--color-heading);
}.qiling-module-scope-software_ranking .module-software-ranking .sr-type-badge {
  font-size: var(--qiling-text-rem-0p75);
  padding: var(--qiling-space-4) var(--qiling-space-10);
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border-radius: 999px;
  font-weight: 600;
  margin-left: var(--qiling-space-12);
}.qiling-module-scope-software_ranking .module-software-ranking .section-subtitle {
  margin: var(--qiling-space-8) 0 0;
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p95);
  line-height: 1.72;
  max-width: var(--qiling-measure-680);
}.qiling-module-scope-software_ranking .module-software-ranking .sr-more-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-6);
  justify-content: center;
  min-height: 44px;
  padding: var(--qiling-component-button-padding);
  background: var(--sr-btn-bg, var(--qiling-component-button-bg));
  color: var(--sr-btn-text, var(--qiling-component-button-text));
  border: 1px solid var(--sr-btn-border, var(--qiling-component-button-border));
  border-radius: var(--qiling-button-radius);
  text-decoration: none;
  font-weight: 600;
  font-size: var(--qiling-text-rem-0p9);
  transition: all 0.3s;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-software_ranking .module-software-ranking .sr-more-btn:hover {
  background: var(--sr-btn-hover-bg, var(--qiling-component-button-hover-bg));
  color: var(--sr-btn-hover-text, var(--qiling-component-button-hover-text));
  border-color: var(
    --sr-btn-hover-border,
    var(--qiling-component-button-hover-bg)
  );
  transform: translateY(-2px);
}.qiling-module-scope-software_ranking /* 列表布局 (List Layout) */
.module-software-ranking.layout-list .sr-list {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-14);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-list .sr-item {
  display: flex;
  align-items: center;
  padding: var(--qiling-space-18) var(--qiling-space-22);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border-radius: var(--qiling-card-radius);
  text-decoration: none;
  transition: all 0.3s;
  box-shadow: var(--qiling-component-post-card-shadow);
  border: 1px solid var(--qiling-component-post-card-border);
  gap: var(--qiling-space-16);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-list .sr-item:hover {
  transform: translateX(4px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}.qiling-module-scope-software_ranking .module-software-ranking .sr-info {
  flex: 1;
  min-width: 0;
}.qiling-module-scope-software_ranking .module-software-ranking .sr-name {
  margin: 0 0 var(--qiling-space-4);
  font-size: var(--qiling-text-rem-0p98);
  color: var(--color-heading);
  font-weight: 700;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.qiling-module-scope-software_ranking .module-software-ranking .sr-meta {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-12);
  flex-wrap: wrap;
}.qiling-module-scope-software_ranking .module-software-ranking .sr-version {
  font-size: var(--qiling-text-rem-0p75);
  color: var(--qiling-component-badge-text);
  background: var(--qiling-component-badge-bg);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: 999px;
  padding: var(--qiling-space-4) var(--qiling-space-10);
  font-weight: 600;
}.qiling-module-scope-software_ranking .module-software-ranking .sr-category {
  font-size: var(--qiling-text-rem-0p75);
  color: var(--color-text-muted);
}.qiling-module-scope-software_ranking .module-software-ranking .sr-stat {
  text-align: right;
  flex-shrink: 0;
}.qiling-module-scope-software_ranking .module-software-ranking .sr-stat-value {
  font-size: var(--qiling-text-rem-1);
  font-weight: 700;
  color: var(--color-heading);
  display: block;
}.qiling-module-scope-software_ranking .module-software-ranking .sr-stat-label {
  font-size: var(--qiling-text-rem-0p7);
  color: var(--color-text-muted);
  display: block;
}.qiling-module-scope-software_ranking /* 排名徽章 (Rank Badge) */
.module-software-ranking .sr-rank-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  flex-shrink: 0;
}.qiling-module-scope-software_ranking /* 卡片布局的包装器 (Wrapper for Cards Layout) */
.module-software-ranking.layout-cards .sr-top3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--qiling-space-24);
  margin-bottom: var(--qiling-space-24);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-cards .sr-others {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--qiling-space-14);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-cards .sr-card-wrapper {
  position: relative;
}.qiling-module-scope-software_ranking .module-software-ranking.layout-cards .sr-medal {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-inverse);
  font-weight: 700;
  font-size: var(--qiling-text-rem-0p8);
  box-shadow: 0 2px 8px var(--qiling-color-rgba-0-0-0-02);
  z-index: 10;
}.qiling-module-scope-software_ranking .module-software-ranking.layout-cards .sr-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--qiling-space-30) var(--qiling-space-22) var(--qiling-space-24);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border-radius: var(--qiling-card-radius);
  text-decoration: none;
  transition: all 0.3s;
  border: 1px solid var(--qiling-component-post-card-border);
  position: relative;
  height: 100%;
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-cards .sr-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-cards .sr-card-top1 {
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-cards .sr-card-top1:hover {
  transform: translateY(-8px);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-cards .sr-item-other {
  display: flex;
  align-items: center;
  padding: var(--qiling-space-14) var(--qiling-space-16);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border-radius: calc(var(--qiling-card-radius) - 6px);
  text-decoration: none;
  transition: all 0.3s;
  box-shadow: var(--qiling-component-post-card-shadow);
  border: 1px solid var(--qiling-component-post-card-border);
  gap: var(--qiling-space-12);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-cards .sr-rank-num {
  width: 24px;
  height: 24px;
  background: var(--qiling-component-surface-alt-bg, var(--color-neutral-100));
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--qiling-text-rem-0p8);
  color: var(--color-text-muted);
  flex-shrink: 0;
}.qiling-module-scope-software_ranking .module-software-ranking.layout-cards .sr-item-other:hover {
  transform: translateX(4px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-cards .sr-stat-mini {
  font-size: var(--qiling-text-rem-0p8);
  color: var(--color-text-muted);
  flex-shrink: 0;
}.qiling-module-scope-software_ranking .module-software-ranking.layout-cards .sr-version-badge {
  font-size: var(--qiling-text-rem-0p75);
  color: var(--qiling-component-badge-text);
  background: var(--qiling-component-badge-bg);
  border: 1px solid var(--qiling-color-transparent);
  padding: var(--qiling-space-4) var(--qiling-space-10);
  border-radius: 999px;
  font-weight: 600;
  margin-bottom: var(--qiling-space-8);
}.qiling-module-scope-software_ranking /* 编号布局 (Numbered Layout) */
.module-software-ranking.layout-numbered .sr-numbered-list {
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-8);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-numbered .sr-numbered-item {
  display: flex;
  align-items: center;
  padding: var(--qiling-space-14) var(--qiling-space-16);
  text-decoration: none;
  transition: all 0.3s;
  border-radius: 10px;
  gap: var(--qiling-space-14);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-numbered .sr-numbered-item + .sr-numbered-item {
  border-top: 1px solid var(--qiling-color-rgba-0-0-0-004);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-numbered .sr-numbered-item:hover {
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
}.qiling-module-scope-software_ranking .module-software-ranking.layout-numbered .sr-arrow {
  color: var(--color-text-muted);
  flex-shrink: 0;
  transition: transform 0.3s;
}.qiling-module-scope-software_ranking .module-software-ranking.layout-numbered .sr-numbered-item:hover .sr-arrow {
  color: var(--color-primary, var(--color-primary));
  transform: translateX(4px);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-numbered .sr-big-rank {
  font-weight: 800;
  width: 36px;
  text-align: center;
  flex-shrink: 0;
}.qiling-module-scope-software_ranking /* 多列布局 (Multi-column Layout) */
.module-software-ranking.layout-multi-column .sr-multi-column {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-multi-column .sr-column {
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-18);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-multi-column .sr-col-item {
  display: flex;
  align-items: center;
  padding: var(--qiling-space-10) var(--qiling-space-8);
  text-decoration: none;
  transition: all 0.3s;
  border-radius: 8px;
  gap: var(--qiling-space-10);
}.qiling-module-scope-software_ranking .module-software-ranking.layout-multi-column .sr-col-item:hover {
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
}.qiling-module-scope-software_ranking /* 图标 (Icons) */
.module-software-ranking .sr-icon {
  object-fit: contain;
  flex-shrink: 0;
}.qiling-module-scope-software_ranking .module-software-ranking .sr-icon-placeholder {
  background: linear-gradient(
    135deg,
    rgba(var(--color-primary-rgb), 0.08),
    rgba(var(--color-surface-rgb), 0.92)
  );
  border: 1px solid rgba(var(--color-primary-rgb), 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}.qiling-module-scope-software_ranking /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-software-ranking .sr-item,
html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-card,
html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-item-other,
html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-numbered-list,
html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-column {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg)) !important;
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-name,
html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-stat-value {
  color: var(--color-neutral-100) !important;
}.qiling-module-scope-software_ranking html.dark-mode
  .module-software-ranking.layout-numbered
  .sr-numbered-item:hover {
  background: rgba(var(--color-surface-rgb), 0.04);
}html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-rank-num {
  background: var(--qiling-component-surface-alt-bg, var(--color-neutral-700));
  color: var(--dm-text-muted);
}.qiling-module-scope-software_ranking /* 响应式 (Responsive) */
@media (max-width: 768px) {
  .module-software-ranking .sr-header {
    flex-direction: column;
    align-items: flex-start !important;
    gap: var(--qiling-space-12);
  }

  .module-software-ranking.layout-list .sr-item {
    padding: var(--qiling-space-12) var(--qiling-space-14) !important;
  }

  .module-software-ranking.layout-cards .sr-top3 {
    grid-template-columns: 1fr !important;
  }

  .module-software-ranking.layout-cards .sr-others {
    grid-template-columns: 1fr !important;
  }

  .module-software-ranking.layout-cards .sr-card-top1 {
    transform: none !important;
  }

  .module-software-ranking.layout-multi-column .sr-multi-column {
    grid-template-columns: 1fr !important;
  }
}.qiling-module-scope-software_ranking /* ===== 软件排行榜模块 (Module Software Ranking) ===== */
.module-software-ranking {
  position: relative;
  overflow: hidden;
}.qiling-module-scope-software_ranking /* 排行榜暗黑模式 (Ranking Dark Mode) */
html.dark-mode .module-software-ranking {
  background: var(--dm-bg) !important;
  /* 覆盖内联样式 (Override inline styles) */
}html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .section-title {
  color: var(--qds-title-color, var(--qiling-module-title, var(--color-neutral-100)));
}html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .section-subtitle {
  color: var(--qds-subtitle-color, var(--qiling-module-subtitle, var(--color-neutral-400)));
}html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-item,
html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-card,
html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-item-other,
html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-numbered-list,
html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-column {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg)) !important;
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  ) !important;
}html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-name {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-meta,
html.dark-mode .qiling-module-scope-software_ranking .module-software-ranking .sr-desc {
  color: var(--dm-text-muted);
}.qiling-module-scope-software_ranking .module-software-ranking .sr-more-btn { color: var(--sr-btn-text, #ffffff); }.qiling-module-scope-software_ranking .module-software-ranking .sr-more-btn:hover { color: var(--sr-btn-hover-text, #ffffff); }

.qiling-module-scope-stats .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-stats .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-stats .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-stats .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-stats .features-tab-btn .tab-icon,
.qiling-module-scope-stats .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-stats .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-stats .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-stats .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-stats .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-stats .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-stats .features-tabs-content {
  position: relative;
}.qiling-module-scope-stats .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-stats .features-tab-pane.active {
  display: block;
}.qiling-module-scope-stats .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-stats .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-stats .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-stats .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-stats .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-stats .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-stats .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-stats .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-stats .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-stats .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-stats .features-grid-2,
.qiling-module-scope-stats .features-grid-3,
.qiling-module-scope-stats .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-stats /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-stats .module-decor.d-left {
  left: 0;
}.qiling-module-scope-stats .module-decor.d-right {
  right: 0;
}.qiling-module-scope-stats .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-stats /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-stats .module-decor svg path,
.qiling-module-scope-stats .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-stats /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-stats .module-decor {
    display: none !important;
  }}.qiling-module-scope-stats .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-stats .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-stats .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-stats .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-stats .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-stats /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-stats .ql-travel-cols-2,
.qiling-module-scope-stats .ql-travel-cols-3,
.qiling-module-scope-stats .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-stats .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-stats /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-stats /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-stats .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-stats .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-stats .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-stats .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-stats .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-stats .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-stats /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-stats /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-stats /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-stats [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-stats .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-stats /* ===== 统计模块 (Module Statistics) ===== */
.module-stats {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
  color: var(--color-text-inverse);
  /* 统计数据的默认文本颜色在彩色/图像背景上通常是反色的 (Default text color for stats is usually inverse on colored/image backgrounds) */
}.qiling-module-scope-stats .module-stats .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-stats .module-stats .stats-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--qiling-color-000000);
  z-index: 1;
  pointer-events: none;
}.qiling-module-scope-stats .module-stats .container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-stats .module-stats .stats-title {
  font-size: var(--qiling-text-rem-2p25);
  font-weight: 700;
  margin-bottom: var(--qiling-space-42);
  line-height: 1.18;
  color: inherit;
}.qiling-module-scope-stats .module-stats .stats-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-24);
}.qiling-module-scope-stats .module-stats .stat-item {
  min-width: var(--qiling-measure-200);
  padding: var(--qiling-space-24) var(--qiling-space-26);
  border-radius: var(--qiling-card-radius);
  background: rgba(var(--color-surface-rgb), 0.08);
  border: 1px solid rgba(var(--color-surface-rgb), 0.14);
  backdrop-filter: blur(12px);
  box-shadow: 0 16px 38px var(--qiling-color-rgba-15-23-42-012);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}.qiling-module-scope-stats .module-stats .stat-item:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--color-surface-rgb), 0.22);
  box-shadow: 0 20px 44px var(--qiling-color-rgba-15-23-42-014);
}.qiling-module-scope-stats .module-stats .stat-number {
  font-size: var(--qiling-text-rem-3p5);
  font-weight: 800;
  line-height: 1;
  margin-bottom: var(--qiling-space-12);
  color: inherit;
}.qiling-module-scope-stats .module-stats .stat-plus {
  font-size: var(--qiling-text-rem-2);
  vertical-align: super;
  margin-left: var(--qiling-space-5);
  opacity: 0.8;
}.qiling-module-scope-stats .module-stats .stat-label {
  font-size: var(--qiling-text-rem-1p1);
  opacity: 0.9;
  font-weight: 500;
  line-height: 1.6;
}.qiling-module-scope-stats /* 统计暗黑模式 (Stats Dark Mode) */
html.dark-mode .module-stats:not(.has-bg-image) {
  background: var(--dm-bg) !important;
  /* 如果使用颜色则强制主题深色背景 (Force Theme Dark Background if using color) */
}.qiling-module-scope-stats /* 如果用户选择了颜色模式，
   上述规则会强制在暗黑模式下变为深色石板灰。
   但如果他们选择了图片，我们保留图片。(If the user selected a color mode...) */

html.dark-mode .module-stats:not(.has-bg-image) .stat-number,
html.dark-mode .qiling-module-scope-stats .module-stats:not(.has-bg-image) .stats-title {
  color: var(--color-neutral-100);
}html.dark-mode .qiling-module-scope-stats .module-stats:not(.has-bg-image) .stat-label {
  color: var(--dm-text-muted);
}html.dark-mode .qiling-module-scope-stats .module-stats .stat-item {
  background: rgba(var(--color-surface-rgb), 0.05);
  border-color: rgba(var(--color-surface-rgb), 0.08);
}.qiling-module-scope-stats /* 响应式统计 (Responsive Stats) */
@media (max-width: 768px) {
  .module-stats .stats-grid {
    justify-content: center !important;
    text-align: center !important;
  }

  .module-stats .stat-item {
    width: 100%;
    min-width: auto;
  }

  .module-stats .stat-number {
    font-size: var(--qiling-text-rem-3);
  }
}.qiling-module-scope-stats /* ===== 推荐统计 (stats_featured) ===== */
.module-stats-featured .stats-featured-container {
  position: relative;
  z-index: 2;
  max-width: var(--qiling-measure-1200);
  margin: 0 auto;
}.qiling-module-scope-stats .module-stats-featured .stats-featured-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--qiling-space-40);
}.qiling-module-scope-stats .module-stats-featured .stats-featured-image {
  flex: 0 0 40%;
  max-width: var(--qiling-measure-400);
}.qiling-module-scope-stats .module-stats-featured .stats-featured-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}.qiling-module-scope-stats .module-stats-featured .stats-featured-content {
  flex: 1;
  background: linear-gradient(
    180deg,
    rgba(var(--color-surface-rgb), 0.96) 0%,
    rgba(var(--color-surface-rgb), 0.9) 100%
  );
  backdrop-filter: blur(20px);
  border-radius: var(--qiling-card-radius);
  padding: var(--qiling-space-40) var(--qiling-space-50);
  border: 1px solid var(--qiling-component-card-border);
  box-shadow: var(--qiling-component-card-shadow);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}.qiling-module-scope-stats .module-stats-featured .stats-featured-content::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 80%;
  background: var(--qiling-gradient-brand);
  filter: blur(60px);
  opacity: 0.18;
  z-index: -1;
  border-radius: 50%;
}.qiling-module-scope-stats .module-stats-featured .featured-stat-item {
  text-align: var(--stats-featured-text-align, center);
  position: relative;
  padding: var(--qiling-space-12) var(--qiling-space-20) var(--qiling-space-12)
    0;
  padding-right: var(--qiling-space-20);
}.qiling-module-scope-stats .module-stats-featured .featured-stat-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
  background-color: var(--qiling-component-card-border);
}.qiling-module-scope-stats .module-stats-featured .featured-stat-number {
  font-size: var(--qiling-text-rem-3p5);
  font-weight: 700;
  line-height: 1.1;
  color: var(--color-primary);
  background: var(--qiling-gradient-brand);
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--qiling-color-transparent);
  margin-bottom: var(--qiling-space-8);
  font-family: "Outfit", sans-serif;
}.qiling-module-scope-stats .module-stats-featured .featured-stat-unit {
  font-size: var(--qiling-text-rem-1p25);
  color: var(--color-heading);
  font-weight: 600;
  -webkit-text-fill-color: initial;
  margin-left: var(--qiling-space-2);
}.qiling-module-scope-stats .module-stats-featured .featured-stat-label {
  font-size: var(--qiling-text-rem-1);
  color: var(--color-text-muted);
  font-weight: 500;
}@media (max-width: 991px){.qiling-module-scope-stats .module-stats-featured .stats-featured-inner {
    flex-direction: column;
    text-align: center;
    gap: var(--qiling-space-30);
  }.qiling-module-scope-stats .module-stats-featured .stats-featured-content {
    width: 100%;
    flex-direction: column;
    gap: var(--qiling-space-30);
    padding: var(--qiling-space-30);
  }.qiling-module-scope-stats .module-stats-featured .featured-stat-item {
    width: 100%;
    padding-right: 0;
    text-align: center;
  }.qiling-module-scope-stats .module-stats-featured .featured-stat-item:not(:last-child)::after {
    display: none;
  }.qiling-module-scope-stats .module-stats-featured .featured-stat-item:not(:last-child) {
    border-bottom: 1px solid var(--qiling-component-card-border);
    padding-bottom: var(--qiling-space-20);
  }
}

.qiling-module-scope-tabbed_carousel .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-tabbed_carousel .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-tabbed_carousel .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-tabbed_carousel .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-tabbed_carousel .features-tab-btn .tab-icon,
.qiling-module-scope-tabbed_carousel .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-tabbed_carousel .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-tabbed_carousel .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-tabbed_carousel .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-tabbed_carousel .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-tabbed_carousel .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-tabbed_carousel .features-tabs-content {
  position: relative;
}.qiling-module-scope-tabbed_carousel .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-tabbed_carousel .features-tab-pane.active {
  display: block;
}.qiling-module-scope-tabbed_carousel .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-tabbed_carousel .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-tabbed_carousel .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-tabbed_carousel .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-tabbed_carousel .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-tabbed_carousel .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-tabbed_carousel .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-tabbed_carousel .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-tabbed_carousel .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-tabbed_carousel .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-tabbed_carousel .features-grid-2,
.qiling-module-scope-tabbed_carousel .features-grid-3,
.qiling-module-scope-tabbed_carousel .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-tabbed_carousel /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-tabbed_carousel .module-decor.d-left {
  left: 0;
}.qiling-module-scope-tabbed_carousel .module-decor.d-right {
  right: 0;
}.qiling-module-scope-tabbed_carousel .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-tabbed_carousel /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-tabbed_carousel .module-decor svg path,
.qiling-module-scope-tabbed_carousel .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-tabbed_carousel /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-tabbed_carousel .module-decor {
    display: none !important;
  }}.qiling-module-scope-tabbed_carousel .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-tabbed_carousel .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-tabbed_carousel .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-tabbed_carousel .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-tabbed_carousel .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-tabbed_carousel /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-tabbed_carousel .ql-travel-cols-2,
.qiling-module-scope-tabbed_carousel .ql-travel-cols-3,
.qiling-module-scope-tabbed_carousel .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-tabbed_carousel .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-tabbed_carousel /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-tabbed_carousel /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-tabbed_carousel .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-tabbed_carousel .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-tabbed_carousel .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-tabbed_carousel .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-tabbed_carousel .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-tabbed_carousel .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-tabbed_carousel /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-tabbed_carousel /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-tabbed_carousel /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-tabbed_carousel [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-tabbed_carousel .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-tabbed_carousel /* ===== 标签轮播 (tabbed_carousel) ===== */
.module-tabbed-carousel {
  position: relative;
  overflow: hidden;
}.qiling-module-scope-tabbed_carousel .module-tabbed-carousel .section-header {
  margin-bottom: var(--qiling-space-42) !important;
}.qiling-module-scope-tabbed_carousel /* Tab 导航部分 (Tab Navigation) */
.tc-tabs-wrapper {
  position: relative;
  margin-bottom: var(--qiling-space-44);
}.qiling-module-scope-tabbed_carousel .tc-tabs {
  display: flex;
  justify-content: center;
  gap: var(--qiling-space-18);
  position: relative;
  padding: 0 var(--qiling-space-20) var(--qiling-space-16);
  border-bottom: 1px solid var(--qiling-component-tabs-border);
  /* 移动端横向滚动优化 */
  overflow-x: auto;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE/Edge */
  white-space: nowrap;
  padding-left: var(--qiling-space-20);
  padding-right: var(--qiling-space-20);
  max-width: var(--qiling-measure-1000);
  margin: 0 auto;
}.qiling-module-scope-tabbed_carousel .tc-tabs::-webkit-scrollbar {
  display: none;
}.qiling-module-scope-tabbed_carousel .tc-tab-item {
  cursor: pointer;
  padding: var(--qiling-space-10) var(--qiling-space-14);
  border-radius: 999px;
  font-size: var(--qiling-text-rem-1p1);
  font-weight: 600;
  color: var(--tc-tab-color, var(--qiling-component-tabs-text));
  transition:
    color 0.3s ease,
    background-color 0.3s ease,
    transform 0.3s ease;
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  flex-shrink: 0;
}.qiling-module-scope-tabbed_carousel .tc-tab-item.active {
  color: var(--tc-tab-active, var(--qiling-component-tabs-active-text));
  background: rgba(var(--color-primary-rgb), 0.08);
  transform: translateY(-1px);
}.qiling-module-scope-tabbed_carousel .tc-tab-item i {
  font-size: var(--qiling-text-rem-1p25);
}.qiling-module-scope-tabbed_carousel /* 动态下划线 */
.tc-tab-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background: var(--tc-bar-color, var(--color-warning));
  border-radius: 3px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 0;
  pointer-events: none;
}.qiling-module-scope-tabbed_carousel /* 轮播部分 */
.tc-carousel-wrapper {
  padding: var(--qiling-space-8) 0 var(--qiling-space-56);
  perspective: 1000px;
}.qiling-module-scope-tabbed_carousel .tc-swiper {
  width: 100%;
  padding-bottom: var(--qiling-space-40) !important;
}.qiling-module-scope-tabbed_carousel .tc-swiper .swiper-slide {
  width: var(--tc-img-width, 800px);
  /* 高度自适应 */
  height: auto;
  transition: all 0.3s;
}.qiling-module-scope-tabbed_carousel /* Slide 内容 (Slide Content) */
.tc-slide-content {
  position: relative;
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  background: var(--tc-slide-bg, var(--qiling-component-post-card-bg));
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--tc-shadow, var(--qiling-component-post-card-shadow));
}.qiling-module-scope-tabbed_carousel .tc-slide-content img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}.qiling-module-scope-tabbed_carousel /* 描述文字 */
.tc-slide-desc {
  padding: var(--qiling-space-22) var(--qiling-space-24);
  text-align: center;
  font-size: var(--qiling-text-rem-1p02);
  line-height: 1.75;
  color: var(--color-text-muted);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.02) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border-top: 1px solid var(--qiling-component-post-card-border);
}.qiling-module-scope-tabbed_carousel /* 占位符 */
.tc-placeholder {
  height: 400px;
  aspect-ratio: 16/9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
  color: var(--color-text-muted);
}.qiling-module-scope-tabbed_carousel .tc-placeholder span {
  font-size: var(--qiling-text-rem-3);
  margin-bottom: var(--qiling-space-10);
}.qiling-module-scope-tabbed_carousel /* Swiper 分页器优化 (Swiper pagination optimization) */
.tc-swiper .swiper-pagination {
  bottom: 0 !important;
}.qiling-module-scope-tabbed_carousel .tc-swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(var(--color-primary-rgb), 0.28);
  opacity: 1;
  transition: all 0.3s;
}.qiling-module-scope-tabbed_carousel .tc-swiper .swiper-pagination-bullet-active {
  width: 24px;
  border-radius: 4px;
  background: var(--tc-bar-color, var(--color-warning));
}.qiling-module-scope-tabbed_carousel /* 响应式 */
@media (max-width: 992px) {
  .tc-swiper .swiper-slide {
    width: 80%;
  }
}@media (max-width: 576px){.qiling-module-scope-tabbed_carousel .tc-tabs {
    justify-content: flex-start;
    gap: var(--qiling-space-12);
  }.qiling-module-scope-tabbed_carousel .tc-swiper .swiper-slide {
    width: 90%;
  }.qiling-module-scope-tabbed_carousel .tc-slide-desc {
    font-size: var(--qiling-text-rem-0p95);
    padding: var(--qiling-space-15);
  }
}html.dark-mode .qiling-module-scope-tabbed_carousel .tc-tabs {
  border-bottom-color: var(
    --qiling-component-tabs-border-dark,
    var(--qiling-component-tabs-border)
  );
}html.dark-mode .qiling-module-scope-tabbed_carousel .tc-tab-item.active {
  background: rgba(var(--color-primary-rgb), 0.14);
}html.dark-mode .qiling-module-scope-tabbed_carousel .tc-slide-content {
  background: var(
    --qiling-component-post-card-bg-dark,
    var(--qiling-component-post-card-bg)
  );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-tabbed_carousel .tc-slide-desc {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-top-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-tabbed_carousel .tc-placeholder {
  background: rgba(var(--color-surface-rgb), 0.04);
}

.qiling-module-scope-tabs .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-tabs .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-tabs .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-tabs .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-tabs .features-tab-btn .tab-icon,
.qiling-module-scope-tabs .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-tabs .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-tabs .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-tabs .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-tabs .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-tabs .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-tabs .features-tabs-content {
  position: relative;
}.qiling-module-scope-tabs .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-tabs .features-tab-pane.active {
  display: block;
}.qiling-module-scope-tabs .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-tabs .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-tabs .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-tabs .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-tabs .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-tabs .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-tabs .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-tabs .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-tabs .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-tabs .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-tabs .features-grid-2,
.qiling-module-scope-tabs .features-grid-3,
.qiling-module-scope-tabs .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-tabs /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-tabs .module-decor.d-left {
  left: 0;
}.qiling-module-scope-tabs .module-decor.d-right {
  right: 0;
}.qiling-module-scope-tabs .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-tabs /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-tabs .module-decor svg path,
.qiling-module-scope-tabs .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-tabs /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-tabs .module-decor {
    display: none !important;
  }}.qiling-module-scope-tabs .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-tabs .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-tabs .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-tabs .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-tabs .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-tabs /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-tabs .ql-travel-cols-2,
.qiling-module-scope-tabs .ql-travel-cols-3,
.qiling-module-scope-tabs .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-tabs .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-tabs /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-tabs /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-tabs .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-tabs .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-tabs .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-tabs .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-tabs .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-tabs .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-tabs /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-tabs /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-tabs /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-tabs [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-tabs .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-tabs /* =========================================
   选项卡模块 (Tabs Module)
   ======================================== */

.module-tabs {
  position: relative;
  overflow: hidden;
}.qiling-module-scope-tabs .module-tabs .module-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-component-card-bg-dark, var(--color-heading));
  z-index: 1;
}.qiling-module-scope-tabs .module-tabs .container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-tabs .module-tabs .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-tabs .tabs-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-12);
  margin-bottom: var(--qiling-space-34);
}.qiling-module-scope-tabs .tabs-nav.align-left {
  justify-content: flex-start;
}.qiling-module-scope-tabs .tabs-nav.align-center {
  justify-content: center;
}.qiling-module-scope-tabs .tabs-nav.align-right {
  justify-content: flex-end;
}.qiling-module-scope-tabs .module-tabs .tab-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-18);
  border: none;
  cursor: pointer;
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  transition: all 0.3s;
  background: var(--qiling-color-transparent);
  color: var(--qiling-component-tabs-text);
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-tabs .module-tabs .tab-btn:hover {
  opacity: 0.85;
}.qiling-module-scope-tabs .module-tabs .tab-btn i,
.qiling-module-scope-tabs .module-tabs .tab-btn span {
  font-size: var(--qiling-text-em-1p1);
}.qiling-module-scope-tabs /* 默认样式 (Default Style) */
.module-tabs .tabs-style-default .tab-btn {
  background: var(--qiling-color-transparent);
  color: var(--qiling-component-tabs-text);
  border-radius: var(--qiling-button-radius);
  border: 1px solid var(--qiling-component-tabs-border);
}.qiling-module-scope-tabs .module-tabs .tabs-style-default .tab-btn.active {
  background: var(--qiling-component-tabs-active-bg);
  color: var(--qiling-component-tabs-active-text);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-tabs /* 胶囊样式 (Pills Style) */
.module-tabs .tabs-style-pills .tab-btn {
  background: var(--qiling-color-transparent);
  color: var(--qiling-component-tabs-text);
  border: 1px solid var(--qiling-component-tabs-border);
  border-radius: 999px;
}.qiling-module-scope-tabs .module-tabs .tabs-style-pills .tab-btn.active {
  background: var(--qiling-component-tabs-active-bg);
  color: var(--qiling-component-tabs-active-text);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-tabs /* 下划线样式 (Underline Style) */
.module-tabs .tabs-style-underline .tab-btn {
  background: var(--qiling-color-transparent);
  color: var(--qiling-component-tabs-text);
  border-radius: 0;
  border-bottom: 3px solid var(--qiling-color-transparent);
  padding-bottom: var(--qiling-space-12);
}.qiling-module-scope-tabs .module-tabs .tabs-style-underline .tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
  border-bottom-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-tabs /* 盒装样式 (Boxed Style) */
.module-tabs.module-tabs .tabs-style-boxed .tab-btn {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  color: var(--qiling-component-tabs-text);
  border-radius: var(--qiling-button-radius) var(--qiling-button-radius) 0 0;
  border: 1px solid var(--qiling-component-tabs-border);
  border-bottom: 1px solid var(--qiling-component-tabs-border);
  margin-bottom: var(--qiling-space-neg-1);
}.qiling-module-scope-tabs .module-tabs.module-tabs .tabs-style-boxed .tab-btn.active {
  background: var(--qiling-component-tabs-active-bg);
  color: var(--qiling-component-tabs-active-text);
  box-shadow: none;
  border-color: var(--qiling-component-tabs-active-border);
  border-bottom-color: var(--qiling-color-transparent);
  /* 与内容合并 (Merge with content) */
  z-index: 1;
}.qiling-module-scope-tabs /* 内容区域 (Content Area) */
.module-tabs.module-tabs .tabs-content {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  padding: var(--qiling-space-32) var(--qiling-space-30);
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-card-border);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-tabs .module-tabs .tabs-style-boxed .tabs-content {
  border-radius: 0 var(--qiling-card-radius) var(--qiling-card-radius)
    var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-tabs-border);
}.qiling-module-scope-tabs .module-tabs .tab-pane {
  display: none;
  animation: fadeIn 0.3s ease;
}.qiling-module-scope-tabs .module-tabs .tab-pane.active {
  display: block;
}.qiling-module-scope-tabs .module-tabs .tab-content-inner {
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p96);
  line-height: 1.75;
}.qiling-module-scope-tabs .module-tabs .tab-content-inner > :first-child {
  margin-top: 0;
}.qiling-module-scope-tabs .module-tabs .tab-content-inner > :last-child {
  margin-bottom: 0;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}.qiling-module-scope-tabs .module-tabs .tab-content-inner table {
  margin: var(--qiling-space-15) 0;
}.qiling-module-scope-tabs .module-tabs .tab-content-inner ul,
.qiling-module-scope-tabs .module-tabs .tab-content-inner ol {
  padding-left: var(--qiling-space-20);
  margin: var(--qiling-space-15) 0;
}.qiling-module-scope-tabs .module-tabs .tab-content-inner li {
  margin-bottom: var(--qiling-space-8);
}.qiling-module-scope-tabs /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-tabs.module-tabs .tabs-content {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-tabs .module-tabs .tab-content-inner {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-tabs .module-tabs .tabs-style-default .tab-btn {
  background: var(--qiling-color-transparent);
  color: var(--qiling-component-tabs-text);
  border-color: var(--qiling-component-tabs-border);
}html.dark-mode .qiling-module-scope-tabs .module-tabs .tabs-style-default .tab-btn.active {
  color: var(--color-text-inverse);
}html.dark-mode .qiling-module-scope-tabs .module-tabs .tabs-style-pills .tab-btn {
  border-color: var(--qiling-component-tabs-border);
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-tabs .module-tabs .tabs-style-pills .tab-btn.active {
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
  color: var(--qiling-component-tabs-active-text);
}html.dark-mode .qiling-module-scope-tabs .module-tabs .tabs-style-underline .tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-tabs .module-tabs .tabs-style-underline .tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
  border-bottom-color: var(--qiling-component-tabs-active-border);
}html.dark-mode .qiling-module-scope-tabs .module-tabs.module-tabs .tabs-style-boxed .tab-btn {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  color: var(--qiling-component-tabs-text);
  border-color: var(--qiling-component-tabs-border);
  border-bottom-color: var(--qiling-component-tabs-border);
}html.dark-mode .qiling-module-scope-tabs .module-tabs .tabs-style-boxed .tab-btn.active {
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
  border-bottom-color: var(--qiling-color-transparent);
  color: var(--qiling-component-tabs-active-text);
}html.dark-mode .qiling-module-scope-tabs .module-tabs .tabs-style-boxed .tabs-content {
  border-color: var(--qiling-component-tabs-border);
}.qiling-module-scope-tabs /* 响应式 (Responsive) */
@media (max-width: 768px) {
  .module-tabs .tabs-nav {
    justify-content: center !important;
  }

  .module-tabs .tab-btn {
    padding: var(--qiling-space-10) var(--qiling-space-16) !important;
    font-size: var(--qiling-text-rem-0p85) !important;
    width: 100%;
    /* 可选：堆叠它们？或保持自动宽度 (Optional: stack them? Or keep auto width) */
    justify-content: center;
  }

  .module-tabs .tabs-content {
    padding: var(--qiling-space-25) !important;
  }
}

.qiling-module-scope-team .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-team .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-team .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-team .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-team .features-tab-btn .tab-icon,
.qiling-module-scope-team .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-team .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-team .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-team .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-team .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-team .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-team .features-tabs-content {
  position: relative;
}.qiling-module-scope-team .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-team .features-tab-pane.active {
  display: block;
}.qiling-module-scope-team .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-team .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-team .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-team .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-team .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-team .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-team .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-team .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-team .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-team .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-team .features-grid-2,
.qiling-module-scope-team .features-grid-3,
.qiling-module-scope-team .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-team /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-team .module-decor.d-left {
  left: 0;
}.qiling-module-scope-team .module-decor.d-right {
  right: 0;
}.qiling-module-scope-team .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-team /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-team .module-decor svg path,
.qiling-module-scope-team .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-team /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-team .module-decor {
    display: none !important;
  }}.qiling-module-scope-team .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-team .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-team .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-team .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-team .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-team /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-team .ql-travel-cols-2,
.qiling-module-scope-team .ql-travel-cols-3,
.qiling-module-scope-team .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-team .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-team /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-team /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-team .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-team .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-team .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-team .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-team .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-team .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-team /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-team /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-team /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-team [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-team .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-team /* ===== 团队模块 (Team Module) ===== */
.module-team {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}.qiling-module-scope-team .module-team .module-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-000000);
  z-index: 1;
}.qiling-module-scope-team .module-team-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-team .module-team .section-header {
  margin-bottom: var(--qiling-space-44);
}.qiling-module-scope-team .team-grid {
  display: grid;
  gap: var(--qiling-space-32);
  width: 100%;
}.qiling-module-scope-team .module-team.module-team .team-grid .team-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-primary-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-card-border);
  padding: var(--qiling-space-38) var(--qiling-space-26) var(--qiling-space-30);
  text-align: center;
  box-shadow: var(--qiling-component-card-shadow);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}.qiling-module-scope-team .team-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.16);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-team .team-avatar {
  width: 124px;
  height: 124px;
  border-radius: 50%;
  margin: 0 auto var(--qiling-space-22);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--qiling-component-card-shadow);
  transition: transform 0.3s;
  border: 3px solid rgba(var(--color-primary-rgb), 0.08);
}.qiling-module-scope-team .team-card:hover .team-avatar {
  transform: scale(1.05);
}.qiling-module-scope-team .team-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}.qiling-module-scope-team .team-avatar-text {
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-rem-2p5);
  font-weight: 600;
}.qiling-module-scope-team .team-name {
  margin: 0 0 var(--qiling-space-6);
  font-size: var(--qiling-text-rem-1p28);
  font-weight: 700;
  color: var(--color-heading);
}.qiling-module-scope-team .team-position {
  margin: 0 0 var(--qiling-space-16);
  color: var(--color-primary, var(--color-primary));
  font-weight: 600;
  font-size: var(--qiling-text-rem-0p9);
}.qiling-module-scope-team .team-desc {
  margin: 0 0 var(--qiling-space-22);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p9);
  line-height: 1.7;
}.qiling-module-scope-team /* 社交图标 (Social Icons) */
.team-social {
  display: flex;
  justify-content: center;
  gap: var(--qiling-space-10);
}.qiling-module-scope-team .team-social-link {
  width: 38px;
  height: 38px;
  background: rgba(var(--color-primary-rgb), 0.08);
  border: 1px solid rgba(var(--color-primary-rgb), 0.08);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  transition: all 0.3s;
  cursor: pointer;
}.qiling-module-scope-team .team-social-link:hover {
  background: var(--qiling-gradient-brand);
  border-color: var(--qiling-color-transparent);
  color: var(--color-text-inverse);
  transform: translateY(-2px);
}.qiling-module-scope-team .team-icon {
  width: 18px;
  height: 18px;
}.qiling-module-scope-team /* 微信二维码 (WeChat QR) */
.team-wechat-wrap {
  position: relative;
}.qiling-module-scope-team .team-wechat-qr {
  display: none;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  padding: var(--qiling-space-10);
  border-radius: var(--qiling-card-radius);
  box-shadow: 0 10px 30px var(--qiling-color-rgba-0-0-0-02);
  z-index: 10;
}.qiling-module-scope-team .team-wechat-qr::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px 6px 0;
  border-style: solid;
  border-color: var(--color-surface) var(--qiling-color-transparent)
    var(--qiling-color-transparent);
}.qiling-module-scope-team .team-wechat-wrap:hover .team-wechat-qr {
  display: block;
  animation: fadeInUp 0.3s ease;
}.qiling-module-scope-team .team-qr-img {
  width: 120px;
  display: block;
}.qiling-module-scope-team /* 响应式 (Responsive) */
@media (max-width: 1024px) {
  .team-grid {
    gap: var(--qiling-space-20);
  }
}@media (max-width: 768px){.qiling-module-scope-team .team-card {
    padding: var(--qiling-space-25) var(--qiling-space-20);
  }.qiling-module-scope-team .team-avatar {
    width: 100px;
    height: 100px;
  }
}.qiling-module-scope-team /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-team {
  background-color: var(--color-neutral-900);
}html.dark-mode .qiling-module-scope-team .module-team .section-title {
  color: var(--qiling-component-module-title-color-dark, var(--color-heading));
}html.dark-mode .qiling-module-scope-team .module-team .section-subtitle {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-team .team-card {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  box-shadow: var(--qiling-component-card-shadow);
  border: 1px solid
    var(
      --qiling-component-card-border-dark,
      var(--qiling-component-card-border)
    );
}html.dark-mode .qiling-module-scope-team .module-team.module-team .team-grid .team-card {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-team .team-name {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-team .team-desc {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-team .team-social-link {
  background: rgba(var(--color-surface-rgb), 0.08);
  border-color: rgba(var(--color-surface-rgb), 0.08);
  color: var(--color-text-inverse);
}html.dark-mode .qiling-module-scope-team .team-social-link:hover {
  color: var(--color-text-inverse);
}html.dark-mode .qiling-module-scope-team .team-wechat-qr {
  background: var(--color-neutral-700);
  border: 1px solid rgba(var(--color-surface-rgb), 0.1);
}html.dark-mode .qiling-module-scope-team .team-wechat-qr::after {
  border-color: var(--color-neutral-700) var(--qiling-color-transparent)
    var(--qiling-color-transparent);
}

.qiling-module-scope-testimonials .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-testimonials .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-testimonials .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-testimonials .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-testimonials .features-tab-btn .tab-icon,
.qiling-module-scope-testimonials .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-testimonials .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-testimonials .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-testimonials .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-testimonials .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-testimonials .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-testimonials .features-tabs-content {
  position: relative;
}.qiling-module-scope-testimonials .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-testimonials .features-tab-pane.active {
  display: block;
}.qiling-module-scope-testimonials .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-testimonials .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-testimonials .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-testimonials .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-testimonials .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-testimonials .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-testimonials .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-testimonials .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-testimonials .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-testimonials .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-testimonials .features-grid-2,
.qiling-module-scope-testimonials .features-grid-3,
.qiling-module-scope-testimonials .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-testimonials /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-testimonials .module-decor.d-left {
  left: 0;
}.qiling-module-scope-testimonials .module-decor.d-right {
  right: 0;
}.qiling-module-scope-testimonials .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-testimonials /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-testimonials .module-decor svg path,
.qiling-module-scope-testimonials .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-testimonials /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-testimonials .module-decor {
    display: none !important;
  }}.qiling-module-scope-testimonials .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-testimonials .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-testimonials .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-testimonials .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-testimonials .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-testimonials /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-testimonials .ql-travel-cols-2,
.qiling-module-scope-testimonials .ql-travel-cols-3,
.qiling-module-scope-testimonials .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-testimonials .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-testimonials /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-testimonials /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-testimonials .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-testimonials .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-testimonials .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-testimonials .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-testimonials .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-testimonials .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-testimonials /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-testimonials /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-testimonials /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-testimonials [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-testimonials .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-testimonials /* ===== 评价模块 (Testimonials Module) ===== */
.module-testimonials {
  overflow: hidden;
  background: var(--tm-bg);
  /* 使用来自内联样式的局部作用域变量 (Use locally scoped variable from inline style) */
}.qiling-module-scope-testimonials .module-testimonials .section-header {
  margin-bottom: var(--qiling-space-44);
}.qiling-module-scope-testimonials .testimonials-grid {
  display: grid;
  gap: var(--qiling-space-32);
}.qiling-module-scope-testimonials .testimonials-grid.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}.qiling-module-scope-testimonials .testimonials-grid.grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}.qiling-module-scope-testimonials .module-testimonials.module-testimonials .testimonial-card.testimonial-card {
  padding: var(--qiling-space-38) var(--qiling-space-34) var(--qiling-space-32);
  border-radius: var(--qiling-card-radius);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  box-shadow: var(--qiling-component-card-shadow);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  display: flex;
  flex-direction: column;
}.qiling-module-scope-testimonials .module-testimonials.module-testimonials
  .testimonial-card.testimonial-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.18);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-testimonials .testimonial-quote-icon {
  position: absolute;
  top: 22px;
  right: 26px;
  font-size: var(--qiling-text-rem-4p4);
  line-height: 1;
  background: var(--qiling-gradient-brand);
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--qiling-color-transparent);
  opacity: 0.22;
  font-family: Georgia, serif;
  pointer-events: none;
}.qiling-module-scope-testimonials .testimonial-content {
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-1);
  line-height: 1.78;
  margin-bottom: var(--qiling-space-24);
  flex-grow: 1;
  position: relative;
  z-index: 1;
}.qiling-module-scope-testimonials .testimonial-rating {
  margin-bottom: var(--qiling-space-22);
  display: flex;
  gap: var(--qiling-space-4);
}.qiling-module-scope-testimonials .testimonial-rating .star {
  font-size: var(--qiling-text-rem-1p1);
  color: rgba(var(--color-warning-rgb), 0.25);
}.qiling-module-scope-testimonials .testimonial-rating .star.filled {
  color: var(--color-warning);
}.qiling-module-scope-testimonials .testimonial-author {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-16);
  margin-top: auto;
  padding-top: var(--qiling-space-22);
  border-top: 1px solid var(--qiling-component-card-border);
}.qiling-module-scope-testimonials .testimonial-avatar {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--qiling-component-card-shadow);
  transition: transform 0.3s ease;
  border: 3px solid rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-testimonials .testimonial-card:hover .testimonial-avatar {
  transform: scale(1.1) rotate(5deg);
}.qiling-module-scope-testimonials .testimonial-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}.qiling-module-scope-testimonials .testimonial-avatar span {
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-rem-1p3);
  font-weight: 600;
}.qiling-module-scope-testimonials /* 默认头像渐变 (Default Avatar Gradients) */
.default-avatar-0 {
  background: var(--qiling-gradient-brand);
}.qiling-module-scope-testimonials .default-avatar-1 {
  background: var(--qiling-gradient-accent);
}.qiling-module-scope-testimonials .default-avatar-2 {
  background: var(--qiling-gradient-info);
}.qiling-module-scope-testimonials .default-avatar-3 {
  background: var(--qiling-gradient-success);
}.qiling-module-scope-testimonials .default-avatar-4 {
  background: var(--qiling-gradient-warning);
}.qiling-module-scope-testimonials .testimonial-info {
  flex: 1;
  min-width: 0;
}.qiling-module-scope-testimonials .testimonial-name {
  color: var(--color-heading);
  font-size: var(--qiling-text-rem-1p1);
  font-weight: 700;
  margin: 0 0 var(--qiling-space-4) 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.qiling-module-scope-testimonials .testimonial-position {
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p9);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.qiling-module-scope-testimonials /* 响应式 (Responsive) */
@media (max-width: 992px) {
  .testimonials-grid.grid-cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}@media (max-width: 768px){.qiling-module-scope-testimonials .testimonials-grid.grid-cols-3,
.qiling-module-scope-testimonials .testimonials-grid.grid-cols-4 {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: var(--qiling-space-20);
  }.qiling-module-scope-testimonials .testimonial-card {
    padding: var(--qiling-space-25) !important;
  }
}.qiling-module-scope-testimonials /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-testimonials {
  background: var(--tm-bg, var(--qiling-color-transparent));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}.qiling-module-scope-testimonials html.dark-mode
  .module-testimonials.module-testimonials
  .testimonial-card.testimonial-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg)) !important;
  box-shadow: var(--qiling-component-card-shadow);
  border: 1px solid
    var(
      --qiling-component-card-border-dark,
      var(--qiling-component-card-border)
    );
}.qiling-module-scope-testimonials html.dark-mode
  .module-testimonials.module-testimonials
  .testimonial-card.testimonial-card:hover {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg)) !important;
  transform: translateY(-5px);
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-testimonials .testimonial-quote-icon {
  opacity: 0.15;
}html.dark-mode .qiling-module-scope-testimonials .testimonial-content {
  color: var(--color-text-muted) !important;
}html.dark-mode .qiling-module-scope-testimonials .testimonial-author {
  border-top-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-testimonials .testimonial-name {
  color: var(--color-heading) !important;
}html.dark-mode .qiling-module-scope-testimonials .testimonial-position {
  color: var(--color-text-muted) !important;
}.qiling-module-scope-testimonials /* ============================================
 * 客户评价模块增强样式
 * 前缀: ql-testimonial-
 * ============================================ */

/* 评分统计 */
.module-testimonials.module-testimonials
  .ql-testimonial-summary.ql-testimonial-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--qiling-space-12);
  margin: 0 auto var(--qiling-space-40);
  max-width: var(--qiling-measure-520);
  padding: var(--qiling-space-26) var(--qiling-space-28);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-testimonials html.dark-mode
  .module-testimonials.module-testimonials
  .ql-testimonial-summary.ql-testimonial-summary {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}.qiling-module-scope-testimonials .ql-testimonial-summary-score {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-16);
}.qiling-module-scope-testimonials .ql-testimonial-score-num {
  font-size: var(--qiling-text-rem-3);
  font-weight: 700;
  color: var(--color-heading);
  line-height: 1;
}.qiling-module-scope-testimonials .ql-testimonial-score-stars {
  display: flex;
  gap: var(--qiling-space-4);
}.qiling-module-scope-testimonials .ql-testimonial-score-stars .star {
  font-size: var(--qiling-text-rem-1p5);
  color: rgba(var(--color-warning-rgb), 0.25);
}.qiling-module-scope-testimonials .ql-testimonial-score-stars .star.filled {
  color: var(--color-warning);
}.qiling-module-scope-testimonials .ql-testimonial-score-stars .star.half {
  background: linear-gradient(
    90deg,
    var(--color-warning) 50%,
    rgba(var(--color-warning-rgb), 0.25) 50%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: var(--qiling-color-transparent);
}.qiling-module-scope-testimonials .ql-testimonial-summary-count {
  font-size: var(--qiling-text-rem-0p9);
  color: var(--color-text-muted);
}.qiling-module-scope-testimonials .ql-testimonial-summary-count strong {
  color: var(--color-heading);
}.qiling-module-scope-testimonials /* 评价来源和日期 */
.ql-testimonial-meta {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-12);
  margin: var(--qiling-space-12) 0;
  font-size: var(--qiling-text-rem-0p8);
}.qiling-module-scope-testimonials .ql-testimonial-source {
  padding: var(--qiling-space-4) var(--qiling-space-10);
  border-radius: 999px;
  border: 1px solid var(--qiling-color-transparent);
  font-weight: 600;
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
}.qiling-module-scope-testimonials .ql-source-dianping {
  background: rgba(var(--color-warning-rgb), 0.14);
  color: var(--color-warning-dark);
}.qiling-module-scope-testimonials .ql-source-ctrip {
  background: rgba(var(--color-primary-rgb), 0.14);
  color: var(--color-primary);
}.qiling-module-scope-testimonials .ql-source-meituan {
  background: rgba(var(--color-warning-rgb), 0.14);
  color: var(--color-warning-dark);
}.qiling-module-scope-testimonials .ql-source-fliggy {
  background: rgba(var(--color-error-rgb), 0.14);
  color: var(--color-error-dark);
}.qiling-module-scope-testimonials .ql-source-booking {
  background: rgba(var(--color-primary-rgb), 0.12);
  color: var(--color-primary);
}.qiling-module-scope-testimonials .ql-source-tripadvisor {
  background: rgba(var(--color-success-rgb), 0.14);
  color: var(--color-success-dark);
}.qiling-module-scope-testimonials .ql-source-google {
  background: rgba(var(--color-primary-rgb), 0.1);
  color: var(--color-primary);
}.qiling-module-scope-testimonials .ql-source-weibo {
  background: rgba(var(--color-error-rgb), 0.14);
  color: var(--color-error-dark);
}.qiling-module-scope-testimonials .ql-source-xiaohongshu {
  background: rgba(var(--color-error-rgb), 0.12);
  color: var(--color-error-dark);
}.qiling-module-scope-testimonials .ql-testimonial-date {
  color: var(--color-text-muted);
}.qiling-module-scope-testimonials /* 认证标识 */
.ql-testimonial-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-4);
  margin-left: var(--qiling-space-8);
  padding: var(--qiling-space-2) var(--qiling-space-8);
  border-radius: 10px;
  font-size: var(--qiling-text-rem-0p7);
  font-weight: 500;
  vertical-align: middle;
}.qiling-module-scope-testimonials .ql-badge-verified {
  background: rgba(var(--color-success-rgb), 0.14);
  color: var(--color-success-dark);
}.qiling-module-scope-testimonials .ql-badge-vip {
  background: rgba(var(--color-warning-rgb), 0.18);
  color: var(--color-warning-dark);
}.qiling-module-scope-testimonials .ql-badge-guest {
  background: rgba(var(--color-primary-rgb), 0.14);
  color: var(--color-primary);
}.qiling-module-scope-testimonials /* 轮播布局 */
.ql-testimonial-carousel {
  position: relative;
  overflow: hidden;
  padding: 0 var(--qiling-space-50);
}.qiling-module-scope-testimonials .ql-testimonial-carousel-track {
  display: flex;
  transition: transform 0.4s ease;
}.qiling-module-scope-testimonials .ql-testimonial-carousel .testimonial-card {
  flex: 0 0 33.333%;
  padding: 0 var(--qiling-space-15);
  box-sizing: border-box;
}.qiling-module-scope-testimonials .ql-testimonial-carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--qiling-component-button-bg);
  border: 1px solid var(--qiling-component-button-border);
  border-radius: 50%;
  box-shadow: var(--qiling-component-button-shadow);
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  color: var(--qiling-component-button-text);
}.qiling-module-scope-testimonials .ql-testimonial-carousel-btn:hover {
  background: var(--qiling-component-button-hover-bg);
  color: var(--qiling-component-button-hover-text);
  border-color: var(--qiling-component-button-hover-bg);
}.qiling-module-scope-testimonials .ql-testimonial-prev {
  left: 0;
}.qiling-module-scope-testimonials .ql-testimonial-next {
  right: 0;
}.qiling-module-scope-testimonials .ql-testimonial-carousel-dots {
  display: flex;
  justify-content: center;
  gap: var(--qiling-space-8);
  margin-top: var(--qiling-space-24);
}.qiling-module-scope-testimonials .ql-testimonial-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--qiling-component-tabs-border);
  cursor: pointer;
  transition: all 0.3s ease;
}.qiling-module-scope-testimonials .ql-testimonial-dot.active {
  background: var(--qiling-component-tabs-active-border);
  transform: scale(1.2);
}.qiling-module-scope-testimonials /* 列表布局 */
.ql-testimonial-list .testimonial-card {
  display: flex;
  gap: var(--qiling-space-24);
  max-width: var(--qiling-measure-800);
  margin: 0 auto var(--qiling-space-24);
}.qiling-module-scope-testimonials .ql-testimonial-list .testimonial-avatar {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
}.qiling-module-scope-testimonials /* 大卡片布局 */
.ql-testimonial-large .testimonial-card {
  max-width: var(--qiling-measure-700);
  margin: 0 auto;
  padding: var(--qiling-space-40);
  text-align: center;
}.qiling-module-scope-testimonials .ql-testimonial-large .testimonial-content {
  font-size: var(--qiling-text-rem-1p25);
  line-height: 1.8;
}.qiling-module-scope-testimonials .ql-testimonial-large .testimonial-author {
  justify-content: center;
}.qiling-module-scope-testimonials /* ========================================
 * 暗黑模式
 * ======================================== */

html.dark-mode .ql-testimonial-summary {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-testimonials .ql-testimonial-score-num {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-testimonials .ql-testimonial-source {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
}html.dark-mode .qiling-module-scope-testimonials .ql-testimonial-carousel-btn {
  background: var(--qiling-component-button-bg);
  color: var(--qiling-component-button-text);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-testimonials .ql-testimonial-dot {
  background: var(--qiling-component-tabs-border);
}

.qiling-module-scope-ticket-showcase .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-ticket-showcase .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-ticket-showcase .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-ticket-showcase .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-ticket-showcase .features-tab-btn .tab-icon,
.qiling-module-scope-ticket-showcase .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-ticket-showcase .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-ticket-showcase .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-ticket-showcase .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-ticket-showcase .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-ticket-showcase .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-ticket-showcase .features-tabs-content {
  position: relative;
}.qiling-module-scope-ticket-showcase .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-ticket-showcase .features-tab-pane.active {
  display: block;
}.qiling-module-scope-ticket-showcase .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-ticket-showcase .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-ticket-showcase .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-ticket-showcase .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-ticket-showcase .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-ticket-showcase .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-ticket-showcase .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-ticket-showcase .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-ticket-showcase .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-ticket-showcase .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-ticket-showcase .features-grid-2,
.qiling-module-scope-ticket-showcase .features-grid-3,
.qiling-module-scope-ticket-showcase .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-ticket-showcase /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-ticket-showcase .module-decor.d-left {
  left: 0;
}.qiling-module-scope-ticket-showcase .module-decor.d-right {
  right: 0;
}.qiling-module-scope-ticket-showcase .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-ticket-showcase /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-ticket-showcase .module-decor svg path,
.qiling-module-scope-ticket-showcase .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-ticket-showcase /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-ticket-showcase .module-decor {
    display: none !important;
  }}.qiling-module-scope-ticket-showcase .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-ticket-showcase .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-ticket-showcase .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-ticket-showcase .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-ticket-showcase .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-ticket-showcase /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-ticket-showcase .ql-travel-cols-2,
.qiling-module-scope-ticket-showcase .ql-travel-cols-3,
.qiling-module-scope-ticket-showcase .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-ticket-showcase .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-ticket-showcase /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-ticket-showcase /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-ticket-showcase .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-ticket-showcase .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-ticket-showcase .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-ticket-showcase .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-ticket-showcase .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-ticket-showcase .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-ticket-showcase /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-ticket-showcase /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-ticket-showcase /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-ticket-showcase [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-ticket-showcase .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-ticket-showcase /* ----------------------------------------
   景点门票模块 (ticket-showcase)
   ---------------------------------------- */
.module-ticket-showcase .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.04) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    all 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.3s ease;
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.22);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-ticket-showcase /* 图片区域 */
.module-ticket-showcase .ql-travel-ticket-image {
  position: relative;
  height: 180px;
  overflow: hidden;
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}.qiling-module-scope-ticket-showcase .module-ticket-showcase
  .ql-travel-ticket-card:hover
  .ql-travel-ticket-image
  img {
  transform: scale(1.05);
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--qiling-space-6) var(--qiling-space-12);
  font-size: var(--qiling-text-rem-0p7);
  font-weight: 600;
  color: var(--color-text-inverse);
  line-height: 1;
  letter-spacing: var(--qiling-tracking-em-0p02);
  border: 1px solid rgba(var(--color-surface-rgb), 0.18);
  border-radius: 999px;
  box-shadow: 0 10px 22px var(--qiling-color-rgba-15-23-42-014);
}.qiling-module-scope-ticket-showcase /* 内容区域 */
.module-ticket-showcase .ql-travel-ticket-content {
  padding: var(--qiling-space-22) var(--qiling-space-22) var(--qiling-space-24);
}.qiling-module-scope-ticket-showcase /* 头部 */
.module-ticket-showcase .ql-travel-ticket-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--qiling-space-10);
  margin-bottom: var(--qiling-space-12);
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-name {
  margin: 0;
  font-size: var(--qiling-text-rem-1p08);
  font-weight: 700;
  color: var(--color-heading);
  line-height: 1.45;
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-badge-inline {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--qiling-space-5) var(--qiling-space-10);
  font-size: var(--qiling-text-rem-0p65);
  font-weight: 600;
  color: var(--color-text-inverse);
  line-height: 1;
  letter-spacing: var(--qiling-tracking-em-0p02);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: 999px;
}.qiling-module-scope-ticket-showcase /* 描述 */
.module-ticket-showcase .ql-travel-ticket-desc {
  margin: 0 0 var(--qiling-space-16);
  font-size: var(--qiling-text-rem-0p85);
  color: var(--color-text-muted);
  line-height: 1.68;
}.qiling-module-scope-ticket-showcase /* 票务信息 */
.module-ticket-showcase .ql-travel-ticket-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-12);
  margin-bottom: var(--qiling-space-16);
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-audience,
.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-type,
.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-validity {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-4);
  font-size: var(--qiling-text-rem-0p75);
  color: var(--color-text-muted);
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-meta svg {
  color: var(--color-primary, var(--color-primary));
  opacity: 0.8;
}.qiling-module-scope-ticket-showcase /* 包含项目 */
.module-ticket-showcase .ql-travel-ticket-features {
  list-style: none;
  margin: 0 0 var(--qiling-space-16);
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-8);
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-features li {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  font-size: var(--qiling-text-rem-0p85);
  color: var(--color-text-muted);
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-features li svg {
  color: var(--color-success);
  flex-shrink: 0;
}.qiling-module-scope-ticket-showcase /* 底部价格和按钮 */
.module-ticket-showcase .ql-travel-ticket-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qiling-space-16);
  padding-top: var(--qiling-space-16);
  border-top: 1px solid var(--qiling-component-post-card-border);
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-price {
  display: flex;
  align-items: baseline;
  gap: var(--qiling-space-8);
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-price-current {
  font-size: var(--qiling-text-rem-1p35);
  font-weight: 700;
  color: var(--color-error);
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-price-original {
  font-size: var(--qiling-text-rem-0p85);
  color: var(--color-neutral-400);
  text-decoration: line-through;
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--qiling-component-button-padding);
  background: var(--ql-ticket-btn-bg, var(--qiling-component-button-bg));
  color: var(--ql-ticket-btn-text, var(--qiling-component-button-text));
  border: 1px solid
    var(--ql-ticket-btn-border, var(--qiling-component-button-border));
  font-size: var(--qiling-text-rem-0p85);
  font-weight: 600;
  text-decoration: none;
  border-radius: 999px;
  transition: all 0.3s ease;
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-btn:hover {
  background: var(
    --ql-ticket-btn-hover-bg,
    var(--qiling-component-button-hover-bg)
  );
  color: var(
    --ql-ticket-btn-hover-text,
    var(--qiling-component-button-hover-text)
  );
  border-color: var(
    --ql-ticket-btn-hover-border,
    var(--qiling-component-button-hover-bg)
  );
  transform: translateY(-2px);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-ticket-showcase /* 突出价格风格 */
.module-ticket-showcase .ql-travel-style-featured .ql-travel-ticket-footer {
  flex-direction: column;
  align-items: stretch;
  gap: var(--qiling-space-12);
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-style-featured .ql-travel-ticket-price {
  justify-content: center;
  padding: var(--qiling-space-16);
  background: var(
    --qiling-component-surface-alt-bg,
    linear-gradient(
      135deg,
      rgba(var(--color-error-rgb), 0.08) 0%,
      rgba(var(--color-accent-rgb), 0.12) 100%
    )
  );
  border: 1px solid rgba(var(--color-error-rgb), 0.1);
  border-radius: calc(var(--qiling-card-radius) - 8px);
  margin: var(--qiling-space-neg-16) var(--qiling-space-neg-20) 0;
}.qiling-module-scope-ticket-showcase .module-ticket-showcase
  .ql-travel-style-featured
  .ql-travel-ticket-price-current {
  font-size: var(--qiling-text-rem-1p75);
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-style-featured .ql-travel-ticket-btn {
  width: 100%;
}.qiling-module-scope-ticket-showcase html.dark-mode
  .module-ticket-showcase
  .ql-travel-style-featured
  .ql-travel-ticket-price {
  background: var(--dm-bg, var(--color-neutral-900));
  border-color: rgba(var(--color-error-rgb), 0.14);
}html.dark-mode .qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      var(--qiling-color-rgba-15-23-42-0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--color-neutral-800));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
}.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-btn { color: var(--ql-ticket-btn-text, #ffffff); }.qiling-module-scope-ticket-showcase .module-ticket-showcase .ql-travel-ticket-btn:hover { color: var(--ql-ticket-btn-hover-text, #ffffff); }

.qiling-module-scope-timeline .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-timeline .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-timeline .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-timeline .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-timeline .features-tab-btn .tab-icon,
.qiling-module-scope-timeline .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-timeline .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-timeline .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-timeline .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-timeline .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-timeline .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-timeline .features-tabs-content {
  position: relative;
}.qiling-module-scope-timeline .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-timeline .features-tab-pane.active {
  display: block;
}.qiling-module-scope-timeline .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-timeline .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-timeline .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-timeline .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-timeline .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-timeline .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-timeline .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-timeline .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-timeline .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-timeline .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-timeline .features-grid-2,
.qiling-module-scope-timeline .features-grid-3,
.qiling-module-scope-timeline .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-timeline /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-timeline .module-decor.d-left {
  left: 0;
}.qiling-module-scope-timeline .module-decor.d-right {
  right: 0;
}.qiling-module-scope-timeline .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-timeline /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-timeline .module-decor svg path,
.qiling-module-scope-timeline .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-timeline /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-timeline .module-decor {
    display: none !important;
  }}.qiling-module-scope-timeline .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-timeline .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-timeline .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-timeline .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-timeline .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-timeline /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-timeline .ql-travel-cols-2,
.qiling-module-scope-timeline .ql-travel-cols-3,
.qiling-module-scope-timeline .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-timeline .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-timeline /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-timeline /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-timeline .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-timeline .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-timeline .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-timeline .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-timeline .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-timeline .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-timeline /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-timeline /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-timeline /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-timeline [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-timeline .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-timeline /* ===== 时间轴模块 (Module Timeline) ===== */
.module-timeline .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-timeline .module-timeline .timeline-container {
  position: relative;
  max-width: var(--qiling-measure-860);
  margin: 0 auto;
  padding: var(--qiling-space-10) 0;
}.qiling-module-scope-timeline .module-timeline .timeline-line {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(
    180deg,
    rgba(var(--color-primary-rgb), 0.2) 0%,
    var(--color-primary) 50%,
    rgba(var(--color-primary-rgb), 0.2) 100%
  );
  transform: translateX(-50%);
}.qiling-module-scope-timeline .module-timeline .timeline-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--qiling-space-46);
  position: relative;
  width: 100%;
}.qiling-module-scope-timeline .module-timeline .timeline-item.timeline-right {
  flex-direction: row-reverse;
}.qiling-module-scope-timeline .module-timeline .timeline-content {
  width: 45%;
  position: relative;
  padding: var(--qiling-space-24) var(--qiling-space-22) var(--qiling-space-22);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border-radius: var(--qiling-card-radius);
  border: 1px solid var(--qiling-component-card-border);
  box-shadow: var(--qiling-component-card-shadow);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}.qiling-module-scope-timeline .module-timeline .timeline-item:hover .timeline-content {
  transform: translateY(-4px);
  border-color: rgba(var(--color-primary-rgb), 0.18);
}.qiling-module-scope-timeline .module-timeline .timeline-item.timeline-left .timeline-content {
  text-align: right;
}.qiling-module-scope-timeline .module-timeline .timeline-item.timeline-right .timeline-content {
  text-align: left;
}.qiling-module-scope-timeline .module-timeline .timeline-marker {
  position: absolute;
  left: 50%;
  top: 25px;
  /* 根据内容内边距进行调整 (Adjust based on content padding) */
  width: 18px;
  height: 18px;
  background: var(--color-primary);
  border: 4px solid var(--qiling-component-card-bg);
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 0 4px rgba(var(--color-primary-rgb), 0.18);
  z-index: 2;
}.qiling-module-scope-timeline .module-timeline .timeline-year {
  display: inline-flex;
  align-items: center;
  padding: var(--qiling-space-5) var(--qiling-space-10);
  border-radius: 999px;
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  font-size: var(--qiling-text-rem-0p82);
  font-weight: 700;
  margin-bottom: var(--qiling-space-12);
}.qiling-module-scope-timeline .module-timeline .timeline-title {
  font-size: var(--qiling-text-rem-1p12);
  color: var(--color-heading);
  margin: 0 0 var(--qiling-space-10);
  line-height: 1.45;
}.qiling-module-scope-timeline .module-timeline .timeline-desc {
  color: var(--color-text-muted);
  line-height: 1.72;
  margin: 0;
  font-size: var(--qiling-text-rem-0p95);
}.qiling-module-scope-timeline /* 时间轴暗黑模式 (Timeline Dark Mode) */
html.dark-mode .module-timeline {
  background: var(--dm-bg) !important;
}html.dark-mode .qiling-module-scope-timeline .module-timeline .timeline-content {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border: 1px solid
    var(
      --qiling-component-card-border-dark,
      var(--qiling-component-card-border)
    );
}html.dark-mode .qiling-module-scope-timeline .module-timeline .timeline-marker {
  border-color: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  /* 匹配区域背景 (Match section background) */
}html.dark-mode .qiling-module-scope-timeline .module-timeline .timeline-title {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-timeline .module-timeline .timeline-desc {
  color: var(--color-text-muted);
}html.dark-mode .qiling-module-scope-timeline .module-timeline .section-title {
  color: var(--color-heading);
}html.dark-mode .qiling-module-scope-timeline .module-timeline .section-subtitle {
  color: var(--color-text-muted);
}.qiling-module-scope-timeline /* 响应式时间轴 (Responsive Timeline) */
@media (max-width: 768px) {
  .module-timeline .timeline-line {
    left: 20px;
  }

  .module-timeline .timeline-item {
    flex-direction: row !important;
    /* 强制项目方向一致 (Force items to same direction) */
    justify-content: flex-start;
  }

  .module-timeline .timeline-marker {
    left: 20px;
  }

  .module-timeline .timeline-content {
    width: calc(100% - 50px);
    margin-left: var(--qiling-space-50);
    text-align: left !important;
  }

  .module-timeline .timeline-year {
    text-align: left;
  }
}

.qiling-module-scope-tour-package .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-tour-package .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-tour-package .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-tour-package .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-tour-package .features-tab-btn .tab-icon,
.qiling-module-scope-tour-package .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-tour-package .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-tour-package .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-tour-package .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-tour-package .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-tour-package .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-tour-package .features-tabs-content {
  position: relative;
}.qiling-module-scope-tour-package .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-tour-package .features-tab-pane.active {
  display: block;
}.qiling-module-scope-tour-package .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-tour-package .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-tour-package .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-tour-package .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-tour-package .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-tour-package .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-tour-package .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-tour-package .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-tour-package .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-tour-package .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-tour-package .features-grid-2,
.qiling-module-scope-tour-package .features-grid-3,
.qiling-module-scope-tour-package .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-tour-package /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-tour-package .module-decor.d-left {
  left: 0;
}.qiling-module-scope-tour-package .module-decor.d-right {
  right: 0;
}.qiling-module-scope-tour-package .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-tour-package /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-tour-package .module-decor svg path,
.qiling-module-scope-tour-package .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-tour-package /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-tour-package .module-decor {
    display: none !important;
  }}.qiling-module-scope-tour-package .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-tour-package .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-tour-package .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-tour-package .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-tour-package .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-tour-package /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-tour-package .ql-travel-cols-2,
.qiling-module-scope-tour-package .ql-travel-cols-3,
.qiling-module-scope-tour-package .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-tour-package .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-tour-package /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-tour-package /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-tour-package .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-tour-package .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-tour-package .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-tour-package .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-tour-package .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-tour-package .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-tour-package /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-tour-package /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-tour-package /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-tour-package [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-tour-package .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-tour-package /* ----------------------------------------
   旅游线路模块 (tour-package)
   ---------------------------------------- */
.module-tour-package .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.04) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    all 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.3s ease;
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.22);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-tour-package /* 图片区域 */
.module-tour-package .ql-travel-tour-image {
  position: relative;
  height: 220px;
  overflow: hidden;
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-card:hover .ql-travel-tour-image img {
  transform: scale(1.08);
}.qiling-module-scope-tour-package /* 标签 */
.module-tour-package .ql-travel-tour-badge {
  position: absolute;
  top: 18px;
  left: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--qiling-space-7) var(--qiling-space-14);
  font-size: var(--qiling-text-rem-0p75);
  font-weight: 600;
  color: var(--color-text-inverse);
  line-height: 1;
  letter-spacing: var(--qiling-tracking-em-0p02);
  border: 1px solid rgba(var(--color-surface-rgb), 0.18);
  border-radius: 999px;
  z-index: 2;
  box-shadow: 0 10px 22px var(--qiling-color-rgba-15-23-42-014);
}.qiling-module-scope-tour-package /* 行程天数 */
.module-tour-package .ql-travel-tour-days {
  position: absolute;
  bottom: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: var(--qiling-space-6);
  padding: var(--qiling-space-7) var(--qiling-space-12);
  background: var(--qiling-color-rgba-0-0-0-06);
  border: 1px solid rgba(var(--color-surface-rgb), 0.16);
  backdrop-filter: blur(4px);
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-rem-0p8);
  font-weight: 500;
  border-radius: 999px;
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-days svg {
  opacity: 0.9;
}.qiling-module-scope-tour-package /* 信息区域 */
.module-tour-package .ql-travel-tour-info {
  padding: var(--qiling-space-22) var(--qiling-space-22) var(--qiling-space-24);
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-title {
  margin: 0 0 var(--qiling-space-12);
  font-size: var(--qiling-text-rem-1p12);
  font-weight: 700;
  line-height: 1.45;
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-title a {
  color: var(--color-heading);
  text-decoration: none;
  transition: color 0.2s;
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-title a:hover {
  color: var(--color-primary, var(--color-primary));
}.qiling-module-scope-tour-package /* 出发/目的地 */
.module-tour-package .ql-travel-tour-route {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  margin-bottom: var(--qiling-space-14);
  font-size: var(--qiling-text-rem-0p85);
  color: var(--color-text-muted);
  line-height: 1.65;
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-departure,
.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-destination {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-4);
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-departure svg {
  color: var(--color-primary, var(--color-primary));
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-arrow {
  color: var(--color-neutral-400);
}.qiling-module-scope-tour-package /* 行程亮点 */
.module-tour-package .ql-travel-tour-highlights {
  list-style: none;
  margin: 0 0 var(--qiling-space-16);
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-8);
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-highlights li {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-5);
  padding: var(--qiling-space-6) var(--qiling-space-11);
  background: var(--qiling-component-surface-alt-bg, var(--color-neutral-100));
  border: 1px solid rgba(var(--color-primary-rgb), 0.08);
  border-radius: 999px;
  font-size: var(--qiling-text-rem-0p75);
  color: var(--color-text-muted);
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-highlights li svg {
  color: var(--color-success);
  flex-shrink: 0;
}.qiling-module-scope-tour-package /* 价格区域 */
.module-tour-package .ql-travel-tour-price {
  display: flex;
  align-items: baseline;
  gap: var(--qiling-space-4);
  padding-top: var(--qiling-space-18);
  border-top: 1px solid var(--qiling-component-post-card-border);
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-price-label {
  font-size: var(--qiling-text-rem-1);
  font-weight: 600;
  color: var(--color-error);
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-price-value {
  font-size: var(--qiling-text-rem-1p5);
  font-weight: 700;
  color: var(--color-error);
  line-height: 1;
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-price-unit {
  font-size: var(--qiling-text-rem-0p8);
  color: var(--color-neutral-400);
  margin-left: var(--qiling-space-2);
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-price-original {
  font-size: var(--qiling-text-rem-0p85);
  color: var(--color-neutral-400);
  text-decoration: line-through;
  margin-left: var(--qiling-space-8);
}.qiling-module-scope-tour-package /* 图片叠加样式 */
.module-tour-package .ql-travel-style-overlay .ql-travel-tour-image {
  height: 280px;
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-style-overlay .ql-travel-tour-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: linear-gradient(
    to top,
    var(--qiling-color-rgba-0-0-0-08) 0%,
    var(--qiling-color-transparent) 100%
  );
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-style-overlay .ql-travel-tour-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--qiling-space-20);
  color: var(--color-text-inverse);
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-style-overlay .ql-travel-tour-title a {
  color: var(--color-text-inverse);
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-style-overlay .ql-travel-tour-route {
  color: rgba(var(--color-surface-rgb), 0.8);
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-style-overlay .ql-travel-tour-highlights li {
  background: rgba(var(--color-surface-rgb), 0.15);
  color: var(--color-text-inverse);
  border-color: rgba(var(--color-surface-rgb), 0.14);
}.qiling-module-scope-tour-package .module-tour-package .ql-travel-style-overlay .ql-travel-tour-price {
  border-top-color: rgba(var(--color-surface-rgb), 0.2);
}html.dark-mode .qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.08) 0%,
      var(--qiling-color-rgba-15-23-42-0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--color-neutral-800));
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--color-neutral-700)
  );
}html.dark-mode .qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-price {
  border-top-color: var(--dm-border, var(--color-neutral-700));
}html.dark-mode .qiling-module-scope-tour-package .module-tour-package .ql-travel-tour-highlights li {
  background: var(--dm-bg, var(--color-neutral-900));
  color: var(--dm-text-muted, var(--color-neutral-400));
  border-color: rgba(var(--color-primary-rgb), 0.14);
}

.qiling-module-scope-video .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-video .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-video .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-video .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-video .features-tab-btn .tab-icon,
.qiling-module-scope-video .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-video .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-video .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-video .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-video .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-video .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-video .features-tabs-content {
  position: relative;
}.qiling-module-scope-video .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-video .features-tab-pane.active {
  display: block;
}.qiling-module-scope-video .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-video .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-video .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-video .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-video .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-video .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-video .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-video .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-video .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-video .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-video .features-grid-2,
.qiling-module-scope-video .features-grid-3,
.qiling-module-scope-video .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-video /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-video .module-decor.d-left {
  left: 0;
}.qiling-module-scope-video .module-decor.d-right {
  right: 0;
}.qiling-module-scope-video .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-video /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-video .module-decor svg path,
.qiling-module-scope-video .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-video /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-video .module-decor {
    display: none !important;
  }}.qiling-module-scope-video .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-video .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-video .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-video .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-video .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-video /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-video .ql-travel-cols-2,
.qiling-module-scope-video .ql-travel-cols-3,
.qiling-module-scope-video .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-video .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-video /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-video /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-video .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-video .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-video .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-video .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-video .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-video .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-video /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-video /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-video /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-video [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-video .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-video /* ===== 视频展示模块 (Video Showcase Module) ===== */
.module-video {
  position: relative;
  overflow: hidden;
}.qiling-module-scope-video .module-video .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-video .module-video .video-container {
  margin: 0 auto;
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  background: var(--qiling-color-000000);
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    box-shadow 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease;
}.qiling-module-scope-video .module-video .video-container:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-video .module-video .video-container video,
.qiling-module-scope-video .module-video .video-container iframe {
  width: 100%;
  height: 100%;
  /* 填满包装器 (Fill the wrapper) */
  display: block;
  background: var(--qiling-color-000000);
}.qiling-module-scope-video .module-video .video-aspect-ratio .ds-lazy-embed {
  position: absolute;
  top: 0;
  left: 0;
}.qiling-module-scope-video .module-video .ds-lazy-embed {
  width: 100%;
  height: 100%;
  background: var(--qiling-color-000000);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-video .module-video .ds-lazy-embed-trigger {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: linear-gradient(
    180deg,
    var(--qiling-color-rgba-15-23-42-05),
    var(--qiling-color-rgba-15-23-42-075)
  );
  position: relative;
  display: block;
  transition: transform 0.3s ease;
}.qiling-module-scope-video .module-video .ds-lazy-embed-poster {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.5s ease;
}.qiling-module-scope-video .module-video .ds-lazy-embed-trigger:hover .ds-lazy-embed-poster {
  transform: scale(1.04);
}.qiling-module-scope-video .module-video .ds-lazy-embed-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--qiling-color-rgba-15-23-42-072);
  border: 2px solid rgba(var(--color-surface-rgb), 0.9);
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-26);
  line-height: var(--qiling-leading-68);
  text-align: center;
  box-shadow: 0 10px 20px var(--qiling-color-rgba-0-0-0-028);
  transition:
    transform 0.25s ease,
    background-color 0.25s ease,
    box-shadow 0.25s ease;
}.qiling-module-scope-video .module-video .ds-lazy-embed-trigger:hover .ds-lazy-embed-play {
  transform: translate(-50%, -50%) scale(1.06);
  background: rgba(var(--color-primary-rgb), 0.82);
}.qiling-module-scope-video .module-video .ds-lazy-embed-frame {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: var(--qiling-color-000000);
}.qiling-module-scope-video .module-video .video-aspect-ratio {
  position: relative;
  padding-bottom: var(--qiling-space-pct-56p25);
  /* 16:9 宽高比 (16:9 Aspect Ratio) */
  height: 0;
  overflow: hidden;
}.qiling-module-scope-video .module-video .video-aspect-ratio iframe,
.qiling-module-scope-video .module-video .video-aspect-ratio video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}.qiling-module-scope-video .module-video .video-container video:focus {
  outline: none;
}.qiling-module-scope-video /* 响应式 (Responsive) */
@media (max-width: 768px) {
  .module-video .video-container {
    border-radius: 8px !important;
    /* 如果用户设置了大于屏幕的固定 px 宽度，则确保宽度适合移动设备 (Ensure width fits on mobile if user set fixed px width larger than screen) */
    max-width: var(--qiling-measure-pct-100) !important;
  }
}.qiling-module-scope-video /* 暗黑模式 (Dark Mode) */
html.dark-mode .module-video {
  background: var(--dm-bg) !important;
  /* 强制深色背景（如果未设置渐变）或覆盖浅色背景 (Force dark bg if no gradient set or to override light bg) */
}.qiling-module-scope-video /* 如果用户设置了渐变背景，暗黑模式可能希望保留或使其变暗。
   当前假设我们想要通用的暗黑模式以获得统一的外观。(If user sets a gradient background...) */

html.dark-mode .video-container {
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
  box-shadow: var(--qiling-component-post-card-shadow);
}

.qiling-module-scope-visual_tabs .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-visual_tabs .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-visual_tabs .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-visual_tabs .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-visual_tabs .features-tab-btn .tab-icon,
.qiling-module-scope-visual_tabs .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-visual_tabs .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-visual_tabs .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-visual_tabs .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-visual_tabs .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-visual_tabs .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-visual_tabs .features-tabs-content {
  position: relative;
}.qiling-module-scope-visual_tabs .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-visual_tabs .features-tab-pane.active {
  display: block;
}.qiling-module-scope-visual_tabs .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-visual_tabs .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-visual_tabs .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-visual_tabs .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-visual_tabs .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-visual_tabs .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-visual_tabs .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-visual_tabs .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-visual_tabs .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-visual_tabs .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-visual_tabs .features-grid-2,
.qiling-module-scope-visual_tabs .features-grid-3,
.qiling-module-scope-visual_tabs .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-visual_tabs /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-visual_tabs .module-decor.d-left {
  left: 0;
}.qiling-module-scope-visual_tabs .module-decor.d-right {
  right: 0;
}.qiling-module-scope-visual_tabs .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-visual_tabs /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-visual_tabs .module-decor svg path,
.qiling-module-scope-visual_tabs .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-visual_tabs /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-visual_tabs .module-decor {
    display: none !important;
  }}.qiling-module-scope-visual_tabs .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-visual_tabs .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-visual_tabs .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-visual_tabs .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-visual_tabs .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-visual_tabs /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-visual_tabs .ql-travel-cols-2,
.qiling-module-scope-visual_tabs .ql-travel-cols-3,
.qiling-module-scope-visual_tabs .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-visual_tabs .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-visual_tabs /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-visual_tabs /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-visual_tabs .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-visual_tabs .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-visual_tabs .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-visual_tabs .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-visual_tabs .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-visual_tabs .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-visual_tabs /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-visual_tabs /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-visual_tabs /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-visual_tabs [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-visual_tabs .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-visual_tabs /* ===== 可视化选项卡 (visual_tabs) ===== */
.module-visual-tabs {
  position: relative;
  overflow: hidden;
}.qiling-module-scope-visual_tabs .module-visual-tabs .module-overlay {
  position: absolute;
  inset: 0;
  background: var(--qiling-color-000000);
  z-index: 1;
}.qiling-module-scope-visual_tabs .module-visual-tabs .container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-visual_tabs .module-visual-tabs .section-header {
  margin-bottom: var(--qiling-space-42);
}.qiling-module-scope-visual_tabs .visual-tabs-shell {
  display: flex;
  flex-direction: column;
  gap: var(--qiling-space-32);
}.qiling-module-scope-visual_tabs .visual-tabs-grid {
  display: grid;
  grid-template-columns: repeat(var(--vt-columns, 4), minmax(0, 1fr));
  gap: var(--qiling-space-20);
}.qiling-module-scope-visual_tabs .visual-tabs-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 0;
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  overflow: hidden;
  background: var(--vt-card-bg, var(--color-surface));
  color: inherit;
  text-align: left;
  text-decoration: none;
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    background-color 0.25s ease;
}.qiling-module-scope-visual_tabs .visual-tabs-card[type="button"] {
  appearance: none;
  width: 100%;
  cursor: pointer;
}.qiling-module-scope-visual_tabs .visual-tabs-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-visual_tabs .visual-tabs-card.is-active {
  border-color: var(--vt-accent, var(--color-primary));
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.04) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--vt-card-active-bg, rgba(var(--color-primary-rgb), 0.08));
  box-shadow: 0 20px 52px rgba(var(--color-primary-rgb), 0.16);
}.qiling-module-scope-visual_tabs .visual-tabs-card-static {
  cursor: default;
}.qiling-module-scope-visual_tabs .visual-tabs-card-static:hover {
  transform: none;
}.qiling-module-scope-visual_tabs .visual-tabs-card-media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--vt-card-image-height, 160px);
  background: linear-gradient(
    135deg,
    rgba(var(--color-primary-rgb), 0.1) 0%,
    rgba(var(--color-surface-rgb), 0.96) 100%
  );
}.qiling-module-scope-visual_tabs .visual-tabs-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}.qiling-module-scope-visual_tabs .visual-tabs-card-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: calc(var(--qiling-card-radius) - 6px);
  background: rgba(var(--color-surface-rgb), 0.72);
  color: var(--vt-accent, var(--color-primary));
  font-size: var(--qiling-text-rem-2);
  font-weight: 700;
  letter-spacing: var(--qiling-tracking-em-0p04);
}.qiling-module-scope-visual_tabs .visual-tabs-card-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-42);
  padding: var(--qiling-space-6) var(--qiling-space-10);
  border-radius: 999px;
  background: var(--vt-accent, var(--color-primary));
  color: var(--color-text-inverse);
  font-size: var(--qiling-text-rem-0p78);
  font-weight: 700;
  letter-spacing: var(--qiling-tracking-em-0p04);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.24);
}.qiling-module-scope-visual_tabs .visual-tabs-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-18) var(--qiling-space-18) var(--qiling-space-20);
}.qiling-module-scope-visual_tabs .visual-tabs-card-title {
  margin: 0;
  color: var(--color-neutral-900);
  font-size: var(--qiling-text-rem-1p08);
  font-weight: 700;
  line-height: 1.35;
}.qiling-module-scope-visual_tabs .visual-tabs-card-subtitle {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p92);
  line-height: 1.7;
}.qiling-module-scope-visual_tabs .visual-tabs-card-mode {
  margin-top: auto;
  color: var(--vt-accent, var(--color-primary));
  font-size: var(--qiling-text-rem-0p84);
  font-weight: 600;
}.qiling-module-scope-visual_tabs .visual-tabs-stage,
.qiling-module-scope-visual_tabs .visual-tabs-empty {
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--vt-panel-bg, var(--qiling-component-card-bg));
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-visual_tabs .visual-tabs-stage {
  padding: var(--qiling-space-30);
}.qiling-module-scope-visual_tabs .visual-tabs-empty {
  padding: var(--qiling-space-22) var(--qiling-space-24);
  color: var(--color-text-muted);
}.qiling-module-scope-visual_tabs .visual-tabs-empty p {
  margin: 0;
  line-height: 1.75;
}.qiling-module-scope-visual_tabs .visual-tabs-pane {
  display: none;
}.qiling-module-scope-visual_tabs .visual-tabs-pane.is-active {
  display: block;
  animation: fadeIn 0.28s ease;
}.qiling-module-scope-visual_tabs .visual-tabs-pane-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--qiling-space-18);
}.qiling-module-scope-visual_tabs .visual-tabs-pane-grid.has-secondary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-visual_tabs .visual-tabs-panel {
  height: 100%;
  padding: var(--qiling-space-24);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: calc(var(--qiling-card-radius) - 4px);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-surface-alt-bg, var(--color-surface-alt));
}.qiling-module-scope-visual_tabs .visual-tabs-panel-meta {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-8);
  margin-bottom: var(--qiling-space-14);
  padding: var(--qiling-space-6) var(--qiling-space-12);
  border-radius: 999px;
  background: rgba(var(--color-primary-rgb), 0.08);
  color: var(--vt-accent, var(--color-primary));
  font-size: var(--qiling-text-rem-0p82);
  font-weight: 700;
  letter-spacing: var(--qiling-tracking-em-0p02);
}.qiling-module-scope-visual_tabs .visual-tabs-panel-title,
.qiling-module-scope-visual_tabs .visual-tabs-panel-subtitle {
  margin: 0 0 var(--qiling-space-12);
  color: var(--color-heading);
  font-weight: 700;
  line-height: 1.35;
}.qiling-module-scope-visual_tabs .visual-tabs-panel-title {
  font-size: var(--qiling-text-rem-1p35);
}.qiling-module-scope-visual_tabs .visual-tabs-panel-subtitle {
  font-size: var(--qiling-text-rem-1p08);
}.qiling-module-scope-visual_tabs .visual-tabs-panel-content {
  color: var(--color-text-muted);
  line-height: 1.85;
}.qiling-module-scope-visual_tabs .visual-tabs-panel-content > *:first-child {
  margin-top: 0;
}.qiling-module-scope-visual_tabs .visual-tabs-panel-content > *:last-child {
  margin-bottom: 0;
}.qiling-module-scope-visual_tabs .visual-tabs-panel-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--qiling-space-18);
  padding: var(--qiling-component-button-padding);
  border-radius: var(--qiling-button-radius);
  background: var(--vt-btn-bg, var(--vt-accent, var(--color-primary)));
  color: var(--vt-btn-text, var(--color-text-inverse));
  border: 1px solid var(--vt-btn-border, var(--vt-accent, var(--color-primary)));
  font-size: var(--qiling-text-rem-0p92);
  font-weight: 700;
  text-decoration: none;
  box-shadow: var(--qiling-component-button-shadow);
  transition:
    transform 0.2s ease,
    opacity 0.2s ease,
    box-shadow 0.2s ease;
}.qiling-module-scope-visual_tabs .visual-tabs-panel-cta:hover {
  background: var(
    --vt-btn-hover-bg,
    var(--vt-btn-bg, var(--vt-accent, var(--color-primary)))
  );
  color: var(
    --vt-btn-hover-text,
    var(--vt-btn-text, var(--color-text-inverse))
  );
  border-color: var(
    --vt-btn-hover-border,
    var(
      --vt-btn-hover-bg,
      var(--vt-btn-bg, var(--vt-accent, var(--color-primary)))
    )
  );
  transform: translateY(-2px);
  opacity: 0.92;
}html.dark-mode .qiling-module-scope-visual_tabs .visual-tabs-card {
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
  background: var(--qiling-component-post-card-bg-dark, var(--vt-card-bg));
  box-shadow: var(--qiling-component-post-card-shadow);
}html.dark-mode .qiling-module-scope-visual_tabs .visual-tabs-card.is-active {
  border-color: var(--vt-accent, var(--color-primary));
  background: rgba(var(--color-primary-rgb), 0.14);
}html.dark-mode .qiling-module-scope-visual_tabs .visual-tabs-card-media {
  background: linear-gradient(
    135deg,
    rgba(var(--color-primary-rgb), 0.22),
    var(--qiling-color-rgba-15-23-42-055)
  );
}html.dark-mode .qiling-module-scope-visual_tabs .visual-tabs-card-placeholder {
  background: var(--qiling-color-rgba-15-23-42-068);
}html.dark-mode .qiling-module-scope-visual_tabs .visual-tabs-card-title,
html.dark-mode .qiling-module-scope-visual_tabs .visual-tabs-panel-title,
html.dark-mode .qiling-module-scope-visual_tabs .visual-tabs-panel-subtitle {
  color: var(--color-neutral-50);
}html.dark-mode .qiling-module-scope-visual_tabs .visual-tabs-card-subtitle,
html.dark-mode .qiling-module-scope-visual_tabs .visual-tabs-empty,
html.dark-mode .qiling-module-scope-visual_tabs .visual-tabs-panel-content {
  color: var(--dm-text-muted);
}html.dark-mode .qiling-module-scope-visual_tabs .visual-tabs-stage,
html.dark-mode .qiling-module-scope-visual_tabs .visual-tabs-empty {
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--vt-panel-bg));
  box-shadow: var(--qiling-component-card-shadow);
}html.dark-mode .qiling-module-scope-visual_tabs .visual-tabs-panel {
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.06) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
}html.dark-mode .qiling-module-scope-visual_tabs .visual-tabs-panel-meta {
  background: rgba(var(--color-primary-rgb), 0.16);
}@media (max-width: 1100px){.qiling-module-scope-visual_tabs .visual-tabs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.qiling-module-scope-visual_tabs .visual-tabs-pane-grid.has-secondary {
    grid-template-columns: 1fr;
  }
}@media (max-width: 767px){.qiling-module-scope-visual_tabs .visual-tabs-grid {
    grid-template-columns: 1fr;
  }.qiling-module-scope-visual_tabs .visual-tabs-card-media {
    height: min(52vw, 220px);
  }.qiling-module-scope-visual_tabs .visual-tabs-stage {
    padding: var(--qiling-space-18);
  }.qiling-module-scope-visual_tabs .visual-tabs-panel {
    padding: var(--qiling-space-20);
  }.qiling-module-scope-visual_tabs .visual-tabs-panel-title {
    font-size: var(--qiling-text-rem-1p18);
  }
}

.qiling-module-scope-work_detail .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-work_detail .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-work_detail .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-work_detail .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-work_detail .features-tab-btn .tab-icon,
.qiling-module-scope-work_detail .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-work_detail .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-work_detail .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-work_detail .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-work_detail .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-work_detail .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-work_detail .features-tabs-content {
  position: relative;
}.qiling-module-scope-work_detail .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-work_detail .features-tab-pane.active {
  display: block;
}.qiling-module-scope-work_detail .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-work_detail .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-work_detail .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-work_detail .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-work_detail .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-work_detail .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-work_detail .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-work_detail .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-work_detail .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-work_detail .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-work_detail .features-grid-2,
.qiling-module-scope-work_detail .features-grid-3,
.qiling-module-scope-work_detail .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-work_detail /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-work_detail .module-decor.d-left {
  left: 0;
}.qiling-module-scope-work_detail .module-decor.d-right {
  right: 0;
}.qiling-module-scope-work_detail .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-work_detail /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-work_detail .module-decor svg path,
.qiling-module-scope-work_detail .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-work_detail /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-work_detail .module-decor {
    display: none !important;
  }}.qiling-module-scope-work_detail .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-work_detail .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-work_detail .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-work_detail .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-work_detail .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-work_detail /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-work_detail .ql-travel-cols-2,
.qiling-module-scope-work_detail .ql-travel-cols-3,
.qiling-module-scope-work_detail .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-work_detail .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-work_detail /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-work_detail /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-work_detail .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-work_detail .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-work_detail .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-work_detail .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-work_detail .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-work_detail .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-work_detail /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-work_detail /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-work_detail /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-work_detail [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-work_detail .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-work_detail /* ===== 作品详情模块 (Module Work Detail) ===== */
.module-work-detail {
  background: var(--qw-detail-bg, var(--color-surface));
  padding-top: var(--qw-detail-padding-top, var(--qiling-space-52));
  padding-bottom: var(--qw-detail-padding-bottom, var(--qiling-space-64));
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-topbar {
  margin-bottom: var(--qiling-space-14);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-back {
  display: inline-flex;
  align-items: center;
  gap: var(--qiling-space-6);
  padding: var(--qiling-space-8) var(--qiling-space-12);
  border-radius: 999px;
  background: var(--color-neutral-100);
  color: var(--color-neutral-900);
  font-size: var(--qiling-text-14);
  text-decoration: none;
  transition:
    background-color 0.22s ease,
    color 0.22s ease,
    transform 0.22s ease;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-back:hover {
  background: var(--color-primary);
  color: var(--color-text-inverse);
  transform: translateY(-1px);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-header {
  margin-bottom: var(--qiling-space-20);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-title {
  margin: 0;
  font-size: clamp(
    var(--qiling-text-rem-1p8),
    var(--qiling-text-vw-3p2),
    var(--qiling-text-rem-2p8)
  );
  line-height: 1.2;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-excerpt {
  margin: var(--qiling-space-10) 0 0;
  max-width: var(--qiling-measure-920);
  color: var(--color-neutral-600);
  font-size: var(--qiling-text-rem-1);
  line-height: 1.7;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-meta-line {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-8) var(--qiling-space-14);
  margin-top: var(--qiling-space-12);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-13);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-cover {
  margin: 0 0 var(--qiling-space-24);
  overflow: hidden;
  border-radius: 16px;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-cover img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr);
  gap: var(--qiling-space-24);
  align-items: start;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-main,
.qiling-module-scope-work_detail .module-work-detail .qw-detail-side {
  min-width: 0;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-content {
  color: var(--color-text);
  font-size: var(--qiling-text-16);
  line-height: 1.85;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-content > :first-child {
  margin-top: 0;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-content > :last-child {
  margin-bottom: 0;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-section {
  margin-top: var(--qiling-space-24);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-section h3 {
  margin: 0 0 var(--qiling-space-12);
  font-size: var(--qiling-text-rem-1p08);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-gallery {
  display: grid;
  gap: var(--qiling-space-10);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-gallery img {
  display: block;
  width: 100%;
  height: 180px;
  border-radius: 999px;
  object-fit: cover;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-side-card {
  margin-bottom: var(--qiling-space-12);
  padding: var(--qiling-space-14);
  border: 1px solid var(--color-neutral-200);
  border-radius: 12px;
  background: var(--color-surface-alt);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-side-card h3 {
  margin: 0 0 var(--qiling-space-10);
  font-size: var(--qiling-text-15);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  border-radius: 10px;
  background: var(--color-neutral-900);
  color: var(--color-text-inverse);
  font-weight: 600;
  text-decoration: none;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background-color 0.22s ease;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-cta:hover {
  background: var(--color-primary);
  box-shadow: 0 16px 28px rgba(var(--color-primary-rgb), 0.18);
  transform: translateY(-1px);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-term-group + .qw-detail-term-group {
  margin-top: var(--qiling-space-10);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-term-group strong {
  display: block;
  margin-bottom: var(--qiling-space-6);
  color: var(--color-neutral-600);
  font-size: var(--qiling-text-12);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-term-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-6);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-term-list span {
  padding: var(--qiling-space-4) var(--qiling-space-7);
  border-radius: 999px;
  background: var(--color-neutral-200);
  font-size: var(--qiling-text-12);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-meta-card dl {
  margin: 0;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-meta-card dt {
  margin-top: var(--qiling-space-8);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-12);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-meta-card dt:first-child {
  margin-top: 0;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-meta-card dd {
  margin: var(--qiling-space-2) 0 0;
  color: var(--color-neutral-900);
  font-size: var(--qiling-text-14);
  line-height: 1.55;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-empty {
  padding: var(--qiling-space-24);
  border: 1px dashed var(--color-neutral-300);
  border-radius: 14px;
  background: var(--color-surface-alt);
  color: var(--color-neutral-600);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-empty p {
  margin: 0;
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-empty a {
  display: inline-block;
  margin-top: var(--qiling-space-10);
  border-bottom: 1px solid var(--qiling-color-rgba-15-23-42-03);
  color: var(--color-neutral-900);
  text-decoration: none;
}@media (max-width: 1024px){.qiling-module-scope-work_detail .module-work-detail .qw-detail-layout {
    grid-template-columns: 1fr;
  }.qiling-module-scope-work_detail .module-work-detail .qw-detail-side {
    display: grid;
    gap: var(--qiling-space-12);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.qiling-module-scope-work_detail .module-work-detail .qw-detail-side-card {
    margin-bottom: 0;
  }
}@media (max-width: 767px){.qiling-module-scope-work_detail .module-work-detail .qw-detail-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.qiling-module-scope-work_detail .module-work-detail .qw-detail-gallery img {
    height: 120px;
  }.qiling-module-scope-work_detail .module-work-detail .qw-detail-side {
    grid-template-columns: 1fr;
  }
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-cta { color: var(--work-detail-cta-text, #ffffff); }.qiling-module-scope-work_detail .module-work-detail .qw-detail-cta:hover { color: var(--work-detail-cta-hover-text, #ffffff); }.qiling-module-scope-work_detail .module-work-detail .qw-detail-back {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-cover,
.qiling-module-scope-work_detail .module-work-detail .qw-detail-content,
.qiling-module-scope-work_detail .module-work-detail .qw-detail-side-card,
.qiling-module-scope-work_detail .module-work-detail .qw-detail-empty {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: calc(var(--qiling-card-radius) + 2px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-content {
  padding: var(--qiling-space-24);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-side-card {
  padding: var(--qiling-space-18);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-cta {
  background: var(--qiling-component-button-bg);
  color: var(--qiling-component-button-text);
  border: 1px solid var(--qiling-component-button-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-cta:hover {
  background: var(--qiling-component-button-hover-bg);
  color: var(--qiling-component-button-hover-text);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-term-list span {
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
}.qiling-module-scope-work_detail .module-work-detail .qw-detail-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.qiling-module-scope-work_library .module-features-list-container {
  position: relative;
  z-index: 2;
}.qiling-module-scope-work_library .features-tabs {
  display: flex;
  gap: var(--qiling-space-12);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto var(--qiling-space-42);
  padding: var(--qiling-space-10);
  width: fit-content;
  max-width: var(--qiling-measure-pct-100);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.03) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--fl-tabs-bg, var(--qiling-component-card-bg));
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-work_library .features-tab-btn {
  display: flex;
  align-items: center;
  gap: var(--qiling-space-8);
  padding: var(--qiling-space-11) var(--qiling-space-20);
  background: var(--qiling-color-transparent);
  border: 1px solid var(--qiling-color-transparent);
  border-radius: var(--qiling-button-radius);
  font-size: var(--qiling-text-rem-0p95);
  font-weight: 600;
  color: var(--fl-tab-text, var(--qiling-component-tabs-text));
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}.qiling-module-scope-work_library .features-tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fl-tab-active-bg, var(--qiling-component-tabs-active-bg));
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: var(--qiling-button-radius);
}.qiling-module-scope-work_library .features-tab-btn .tab-icon,
.qiling-module-scope-work_library .features-tab-btn .tab-text {
  position: relative;
  z-index: 1;
}.qiling-module-scope-work_library .features-tab-btn .tab-icon {
  font-size: var(--qiling-text-rem-1p25);
  transition: transform 0.3s;
}.qiling-module-scope-work_library .features-tab-btn:hover {
  transform: translateY(-2px);
  border-color: var(--qiling-component-tabs-border);
  box-shadow: 0 10px 24px rgba(var(--color-primary-rgb), 0.12);
}.qiling-module-scope-work_library .features-tab-btn:hover .tab-icon {
  transform: scale(1.1);
}.qiling-module-scope-work_library .features-tab-btn.active {
  color: var(--fl-tab-active-text, var(--qiling-component-tabs-active-text));
  border-color: var(--qiling-component-tabs-active-border);
  box-shadow: var(--qiling-component-button-shadow);
}.qiling-module-scope-work_library .features-tab-btn.active::before {
  opacity: 1;
}.qiling-module-scope-work_library .features-tabs-content {
  position: relative;
}.qiling-module-scope-work_library .features-tab-pane {
  display: none;
  animation: fadeInUp 0.5s ease-out;
}.qiling-module-scope-work_library .features-tab-pane.active {
  display: block;
}.qiling-module-scope-work_library .features-grid {
  display: grid;
  gap: var(--qiling-space-24);
}.qiling-module-scope-work_library .features-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.qiling-module-scope-work_library .features-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.qiling-module-scope-work_library .features-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}html.dark-mode .qiling-module-scope-work_library .features-tabs {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qiling-component-card-bg-dark, var(--qiling-component-card-bg));
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
}html.dark-mode .qiling-module-scope-work_library .features-tab-btn {
  color: var(--qiling-component-tabs-text);
}html.dark-mode .qiling-module-scope-work_library .features-tab-btn.active {
  color: var(--qiling-component-tabs-active-text);
}@media (max-width: 1024px){.qiling-module-scope-work_library .features-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }}@media (max-width: 480px){.qiling-module-scope-work_library .features-tabs {
    flex-direction: column;
    align-items: stretch;
  }.qiling-module-scope-work_library .features-tab-btn {
    justify-content: center;
  }.qiling-module-scope-work_library .features-grid-2,
.qiling-module-scope-work_library .features-grid-3,
.qiling-module-scope-work_library .features-grid-4 {
    grid-template-columns: 1fr;
  }}.qiling-module-scope-work_library /* ===== 模块装饰 (SVGs) ===== */
.module-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  /* 依赖 SVG 透明度 (Rely on SVG opacity) */
  color: currentColor;
  /* 继承文本颜色以进行混合 (Inherit text color for blending) */
  transition: all 0.5s ease;
}.qiling-module-scope-work_library .module-decor.d-left {
  left: 0;
}.qiling-module-scope-work_library .module-decor.d-right {
  right: 0;
}.qiling-module-scope-work_library .module-decor svg {
  display: block;
  max-width: var(--qiling-measure-pct-100);
  height: auto;
}.qiling-module-scope-work_library /* 动画 (Animations) */
.module-decor svg circle,
.qiling-module-scope-work_library .module-decor svg path,
.qiling-module-scope-work_library .module-decor svg rect {
  transform-origin: center;
  transition: all 1s ease;
}.qiling-module-scope-work_library /* 响应式隐藏 (Responsive Hide) */
@media (max-width: 1024px) {.module-decor {
    opacity: 0.05 !important;
    transform: translateY(-50%) scale(0.7);
  }}@media (max-width: 768px){.qiling-module-scope-work_library .module-decor {
    display: none !important;
  }}.qiling-module-scope-work_library .cat-tab-post-item .video-cover-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}.qiling-module-scope-work_library .cat-tab-post-item .video-poster {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s;
}.qiling-module-scope-work_library .cat-tab-post-item:hover .video-poster {
  opacity: 0;
}.qiling-module-scope-work_library .cat-tab-post-item .video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-text-inverse);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity 0.3s;
}.qiling-module-scope-work_library .cat-tab-post-item:hover .video-play-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}.qiling-module-scope-work_library /* 视频特定样机样式 (Video specific mockup style) */
.device-mockup.video-mode video {
  border: 8px solid var(--qiling-color-000000);
  background: var(--qiling-color-000000);
}@media (max-width: 768px){.qiling-module-scope-work_library .ql-travel-cols-2,
.qiling-module-scope-work_library .ql-travel-cols-3,
.qiling-module-scope-work_library .ql-travel-cols-4 {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-20);
  }}.qiling-module-scope-work_library .ql-hotel-booking-form .btn-submit {
  width: 100%;
}.qiling-module-scope-work_library /* ========================================
 * 响应式布局
 * ======================================== */

@media (max-width: 1024px) {/* 房型展示 */
  .ql-hotel-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }}@media (max-width: 768px){.qiling-module-scope-work_library /* 房型展示 */
  .ql-hotel-cols-2,
.qiling-module-scope-work_library .ql-hotel-cols-3 {
    grid-template-columns: 1fr;
  }.qiling-module-scope-work_library .ql-hotel-amenity-item {
    padding: var(--qiling-space-20) var(--qiling-space-15);
  }}.qiling-module-scope-work_library .qiling-query-loop__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-40);
  height: 40px;
  padding: 0 var(--qiling-space-12);
  color: var(--color-text-muted);
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: 8px;
  font-size: var(--qiling-text-14);
  font-weight: 600;
  text-decoration: none;
}.qiling-module-scope-work_library .qiling-query-loop__pagination .page-numbers:hover {
  color: var(--qiling-component-tabs-active-text);
  background: var(--qiling-component-tabs-active-bg);
  border-color: var(--qiling-component-tabs-active-border);
}.qiling-module-scope-work_library .qiling-query-loop__pagination .page-numbers.current {
  color: var(--qiling-component-button-text);
  background: var(--qiling-component-button-bg);
  border-color: var(--qiling-component-button-border);
}html.dark-mode .qiling-module-scope-work_library .qiling-query-loop__pagination .page-numbers {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(
    --qiling-component-card-border-dark,
    var(--qiling-component-card-border)
  );
  color: var(
    --qiling-component-post-card-meta-color-dark,
    var(--qiling-component-post-card-meta-color)
  );
}.qiling-module-scope-work_library /* 为分类选项卡提供视频封面支持 (Video Cover Support for Category Tabs) */
.cat-tab-post-item .post-media.has-video-cover .post-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}.qiling-module-scope-work_library /* ===== 新闻模块 (Module News) ===== */
.qiling-module-admin-notice.notice.notice-warning {
  margin: var(--qiling-space-12) 0;
  padding: var(--qiling-space-12) var(--qiling-space-14);
  border-left: 4px solid var(--color-warning, var(--color-warning));
  border-radius: 12px;
  background: rgba(var(--color-warning-rgb, 245, 158, 11), 0.12);
  color: var(--qiling-color-9a3412);
}.qiling-module-scope-work_library /* ===== 设计表面组件 (design_surface_components) ===== */
/* @qiling-design-surface-bridge
 * 第三阶段：把常用模块的卡片、按钮、表单、标签接回全局设计变量。
 * 这些规则放在模块样式末尾，保证旧模块的局部样式不再压过装修面板。
 */

[data-qds-card-mode="independent"] :is(
  .module-contact.module-contact .contact-form,
  .module-contact.module-contact .contact-right > .developer-form-wrap,
  .module-product-showcase.module-product-showcase .ps-media-carousel,
  .module-product-showcase.module-product-showcase .ps-description,
  .module-products-manual.module-products-manual .pm-modal-box,
  .module-products-manual.module-products-manual .pm-modal-sidebar,
  .module-products-manual.module-products-manual .pm-mh-specs,
  .module-products-manual.module-products-manual .pm-ms-thumb,
  .module-media-list.module-media-list .qil-ml-card,
  .module-accordion.module-accordion .accordion-style-default .accordion-item,
  .module-accordion.module-accordion .accordion-style-bordered .accordion-item,
  .module-tabs.module-tabs .tabs-content,
  .module-testimonials.module-testimonials .testimonial-card,
  .module-testimonials.module-testimonials .ql-testimonial-summary,
  .module-team.module-team .team-card,
  .module-branches.module-branches .branch-card,
  .module-footer-suite.module-footer-suite .qfs-qr-card
) {
  background: var(--qiling-component-card-bg);
  border: 1px solid var(--qiling-component-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-card-shadow);
}.qiling-module-scope-work_library [data-qds-card-mode="independent"] :is(
.module-products-manual.module-products-manual .pm-card,
.module-cases.module-cases .case-card,
.module-work-library.module-work-library .qw-lib-card,
.module-blog.module-blog .blog-post-item,
.module-news.module-news .news-card,
.module-featured-posts.module-featured-posts .fp-list-item,
.module-featured-posts.module-featured-posts .fp-slider,
.module-category-tabs.module-category-tabs .cat-tab-post-item
) {
  background: var(--qiling-component-post-card-bg);
  border: 1px solid var(--qiling-component-post-card-border);
  border-radius: var(--qiling-card-radius);
  box-shadow: var(--qiling-component-post-card-shadow);
}.qiling-module-scope-work_library .ql-ih-media-wrapper.anim-float {
  animation:
    ql_ih_fadeLeft 1s ease-out 0.2s forwards,
    ql_ih_float 6s ease-in-out infinite 1.2s;
}.qiling-module-scope-work_library /* ===== 作品库模块 (Module Work Library) ===== */
.module-work-library {
  background: var(--qw-lib-bg, var(--color-surface-alt));
  padding-top: var(--qw-lib-padding-top, var(--qiling-space-64));
  padding-bottom: var(--qw-lib-padding-bottom, var(--qiling-space-64));
}.qiling-module-scope-work_library .module-work-library .qw-lib-head {
  margin: 0 0 var(--qiling-space-40);
}.qiling-module-scope-work_library .module-work-library .qw-lib-title {
  margin: 0;
  font-size: clamp(
    var(--qiling-text-rem-1p6),
    var(--qiling-text-vw-2p4),
    var(--qiling-text-rem-2p3)
  );
  line-height: 1.25;
}.qiling-module-scope-work_library .module-work-library .qw-lib-subtitle {
  margin: var(--qiling-space-10) 0 0;
  color: var(--color-text-muted);
}.qiling-module-scope-work_library .module-work-library .qw-lib-empty {
  padding: var(--qiling-space-22);
  border: 1px dashed var(--color-neutral-300);
  border-radius: 14px;
  background: rgba(var(--color-surface-rgb), 0.66);
  color: var(--color-neutral-600);
}.qiling-module-scope-work_library .module-work-library .qw-lib-grid {
  display: grid;
  gap: var(--qiling-space-28);
  grid-template-columns: var(--qw-lib-grid-template, repeat(3, minmax(0, 1fr)));
}.qiling-module-scope-work_library .module-work-library.module-work-library .qw-lib-grid .qw-lib-card {
  overflow: hidden;
  border-radius: var(--qiling-card-radius);
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.035) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(--qw-lib-card-bg, var(--qiling-component-post-card-bg));
  border: 1px solid var(--qiling-component-post-card-border);
  box-shadow: var(--qiling-component-post-card-shadow);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}.qiling-module-scope-work_library .module-work-library.module-work-library .qw-lib-grid .qw-lib-card:hover {
  box-shadow: var(--qiling-component-post-card-shadow);
  transform: translateY(-6px);
  border-color: rgba(var(--color-primary-rgb), 0.18);
}.qiling-module-scope-work_library .module-work-library .qw-lib-card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none;
}.qiling-module-scope-work_library .module-work-library .qw-lib-cover {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: var(--qw-lib-cover-ratio, var(--qiling-space-pct-75));
  background: var(--qiling-component-surface-alt-bg, var(--color-neutral-100));
}.qiling-module-scope-work_library .module-work-library .qw-lib-cover img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}.qiling-module-scope-work_library .module-work-library .qw-lib-cover-empty {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-muted);
  font-size: var(--qiling-text-13);
}.qiling-module-scope-work_library .module-work-library .qw-lib-card-body {
  padding: var(--qiling-space-20) var(--qiling-space-20) var(--qiling-space-22);
  display: flex;
  flex: 1;
  flex-direction: column;
}.qiling-module-scope-work_library .module-work-library .qw-lib-type {
  display: inline-flex;
  align-items: center;
  margin-bottom: var(--qiling-space-10);
  padding: var(--qiling-space-5) var(--qiling-space-10);
  border-radius: 999px;
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border: 1px solid var(--qiling-color-transparent);
  font-size: var(--qiling-text-rem-0p76);
  font-weight: 600;
  line-height: 1;
}.qiling-module-scope-work_library .module-work-library .qw-lib-item-title {
  margin: 0;
  color: var(--qiling-component-post-card-title-color);
  font-size: var(--qiling-text-rem-1p08);
  font-weight: 700;
  line-height: 1.45;
}.qiling-module-scope-work_library .module-work-library .qw-lib-excerpt {
  display: -webkit-box;
  margin: var(--qiling-space-12) 0 0;
  overflow: hidden;
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p92);
  line-height: 1.72;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  flex: 1;
}.qiling-module-scope-work_library .module-work-library .qw-lib-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-10) var(--qiling-space-14);
  margin-top: var(--qiling-space-14);
  color: var(--color-text-muted);
  font-size: var(--qiling-text-rem-0p82);
}.qiling-module-scope-work_library .module-work-library .qw-lib-price {
  color: var(--color-warning-dark);
  font-weight: 600;
}.qiling-module-scope-work_library .module-work-library .qw-lib-terms {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-8);
  margin-top: var(--qiling-space-14);
}.qiling-module-scope-work_library .module-work-library .qw-lib-term {
  display: inline-flex;
  align-items: center;
  padding: var(--qiling-space-5) var(--qiling-space-10);
  border-radius: 999px;
  background: var(--qiling-component-badge-bg);
  color: var(--qiling-component-badge-text);
  border: 1px solid var(--qiling-color-transparent);
  font-size: var(--qiling-text-rem-0p76);
  font-weight: 600;
}.qiling-module-scope-work_library .module-work-library .qw-lib-pager {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qiling-space-10);
  justify-content: center;
  margin-top: var(--qiling-space-32);
}.qiling-module-scope-work_library .module-work-library .qw-lib-pager a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--qiling-measure-38);
  height: 38px;
  border: 1px solid var(--qiling-component-tabs-border);
  border-radius: var(--qiling-button-radius);
  background: var(--qiling-component-card-bg);
  color: var(--qiling-component-tabs-text);
  font-size: var(--qiling-text-rem-0p84);
  text-decoration: none;
  transition: all 0.3s ease;
}.qiling-module-scope-work_library .module-work-library .qw-lib-pager a:hover,
.qiling-module-scope-work_library .module-work-library .qw-lib-pager a.is-active {
  border-color: var(--qiling-component-tabs-active-border);
  background: var(--qiling-component-tabs-active-bg);
  color: var(--qiling-component-tabs-active-text);
}.qiling-module-scope-work_library html.dark-mode
  .module-work-library.module-work-library
  .qw-lib-grid
  .qw-lib-card {
  background: linear-gradient(
      180deg,
      rgba(var(--color-primary-rgb), 0.05) 0%,
      rgba(var(--color-surface-rgb), 0) 100%
    ),
    var(
      --qiling-component-post-card-bg-dark,
      var(--qiling-component-post-card-bg)
    );
  border-color: var(
    --qiling-component-post-card-border-dark,
    var(--qiling-component-post-card-border)
  );
}html.dark-mode .qiling-module-scope-work_library .module-work-library .qw-lib-pager a {
  background: var(
    --qiling-component-card-bg-dark,
    var(--qiling-component-card-bg)
  );
  border-color: var(--qiling-component-tabs-border);
  color: var(--qiling-component-tabs-text);
}@media (max-width: 1024px){.qiling-module-scope-work_library .module-work-library .qw-lib-grid {
    grid-template-columns: var(
      --qw-lib-grid-template-tablet,
      repeat(2, minmax(0, 1fr))
    );
  }
}@media (max-width: 767px){.qiling-module-scope-work_library .module-work-library .qw-lib-grid {
    grid-template-columns: 1fr;
    gap: var(--qiling-space-16);
  }.qiling-module-scope-work_library .module-work-library .qw-lib-card-body {
    padding: var(--qiling-space-18) var(--qiling-space-16)
      var(--qiling-space-20);
  }
}