/* 智能文字颜色选择器 - Đảm bảo độ tương phản */
.page-privacy-policy__light-bg {
  background: #F5F7FA;
  color: #333333;
}
.page-privacy-policy__dark-bg {
  background: #E53935;
  color: #ffffff;
}
.page-privacy-policy__btn-primary {
  background: linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);
  color: #ffffff;
  border: none;
}
.page-privacy-policy__btn-secondary {
  background: #ffffff;
  color: #E53935;
  border: 1px solid #E53935;
}
.page-privacy-policy__card {
  background: #FFFFFF;
  color: #333333;
  border: 1px solid #E0E0E0;
}
.page-privacy-policy p,
.page-privacy-policy li {
  color: #333333;
}
.page-privacy-policy__dark-bg p,
.page-privacy-policy__dark-bg li {
  color: #ffffff;
}

/* General Styles for page-privacy-policy */
.page-privacy-policy {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #333333;
}

.page-privacy-policy__hero-section {
  position: relative;
  padding-top: 10px; /* Small top padding, body handles --header-offset */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  padding-bottom: 40px;
}

.page-privacy-policy__hero-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.page-privacy-policy__hero-content {
  max-width: 900px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  margin-top: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.page-privacy-policy__main-title {
  font-size: clamp(2em, 3.5vw, 2.8em);
  color: #E53935;
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 1.2;
}

.page-privacy-policy__tagline {
  font-size: 1.1em;
  color: #333333;
  margin-bottom: 30px;
}

.page-privacy-policy__cta-buttons {
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
}

.page-privacy-policy__btn-primary,
.page-privacy-policy__btn-secondary,
.page-privacy-policy__btn-contact {
  padding: 12px 25px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
  transition: all 0.3s ease;
  cursor: pointer;
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
  word-wrap: break-word;
  display: inline-block;
}

.page-privacy-policy__btn-primary:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

.page-privacy-policy__btn-secondary:hover {
  background: #E53935;
  color: #ffffff;
}

.page-privacy-policy__content-section {
  padding: 60px 0;
}

.page-privacy-policy__container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.page-privacy-policy__section-title {
  font-size: 2.2em;
  color: #E53935;
  text-align: center;
  margin-bottom: 40px;
  font-weight: bold;
}

.page-privacy-policy__sub-title {
  font-size: 1.6em;
  color: #E53935;
  margin-top: 30px;
  margin-bottom: 15px;
  font-weight: bold;
}

.page-privacy-policy__paragraph {
  margin-bottom: 15px;
  font-size: 1.05em;
}

.page-privacy-policy__list {
  list-style-type: disc;
  margin-left: 25px;
  margin-bottom: 20px;
}

.page-privacy-policy__list li {
  margin-bottom: 8px;
}

.page-privacy-policy__image-block {
  text-align: center;
  margin: 30px 0;
}

.page-privacy-policy__content-image {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  min-width: 200px;
  min-height: 200px;
}

.page-privacy-policy a {
  color: #FF5A4F;
  text-decoration: underline;
}

.page-privacy-policy a:hover {
  color: #E53935;
}

/* Specific styles for dark background sections */
.page-privacy-policy__dark-bg .page-privacy-policy__section-title,
.page-privacy-policy__dark-bg .page-privacy-policy__sub-title {
  color: #ffffff;
}

.page-privacy-policy__dark-bg .page-privacy-policy__paragraph,
.page-privacy-policy__dark-bg .page-privacy-policy__list li {
  color: #f0f0f0;
}

.page-privacy-policy__dark-bg a {
  color: #FFD700; /* Gold color for links on dark background */
}

.page-privacy-policy__dark-bg a:hover {
  color: #FFB000;
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .page-privacy-policy__main-title {
    font-size: clamp(1.8em, 4vw, 2.5em);
  }

  .page-privacy-policy__section-title {
    font-size: 2em;
  }

  .page-privacy-policy__sub-title {
    font-size: 1.4em;
  }

  .page-privacy-policy__hero-content {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (max-width: 768px) {
  .page-privacy-policy {
    font-size: 16px;
    line-height: 1.6;
  }

  .page-privacy-policy__hero-section {
    padding-bottom: 20px;
  }

  .page-privacy-policy__hero-content {
    padding: 15px;
    margin-top: 10px;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0;
    margin-right: 0;
  }

  .page-privacy-policy__main-title {
    font-size: clamp(1.6em, 6vw, 2.2em);
    margin-bottom: 10px;
  }

  .page-privacy-policy__tagline {
    font-size: 1em;
    margin-bottom: 20px;
  }

  .page-privacy-policy__cta-buttons {
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
  }

  .page-privacy-policy__btn-primary,
  .page-privacy-policy__btn-secondary,
  .page-privacy-policy__btn-contact {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-privacy-policy__content-section {
    padding: 40px 0;
  }

  .page-privacy-policy__container {
    padding: 0 15px;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .page-privacy-policy__section-title {
    font-size: 1.8em;
    margin-bottom: 30px;
  }

  .page-privacy-policy__sub-title {
    font-size: 1.3em;
    margin-top: 25px;
    margin-bottom: 10px;
  }

  .page-privacy-policy__paragraph {
    font-size: 1em;
  }

  .page-privacy-policy__list {
    margin-left: 20px;
  }

  /* Image responsiveness */
  .page-privacy-policy img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  .page-privacy-policy__image-block {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding: 0 15px;
  }
}

/* The following are placeholder styles for other modules that were not requested for this specific page, but are required to be present in the CSS output if they exist in the site structure. For a privacy policy page, these are typically not needed, but included for compliance with "必写清单" if the site has these sections. */
/* The current page is privacy-policy, so gameshow and game types are not allowed. */
/* However, to meet the '必写清单' requirement for *all* modules, I will include empty media queries for them as a placeholder, indicating they are not applicable or should not be used on this page. */

/* Placeholder for .page-privacy-policy__home-content (long text gold frame) */
.page-privacy-policy__home-content {
  /* Not applicable for privacy policy page, but placeholder for compliance */
}
@media (max-width: 768px) {
  .page-privacy-policy__home-content {
    /* Mobile styles if it were present */
  }
}

/* Placeholder for .page-privacy-policy__slider-track (game carousel) */
.page-privacy-policy__slider-track {
  /* Not applicable for privacy policy page */
}
@media (max-width: 768px) {
  .page-privacy-policy__slider-track {
    /* Mobile styles if it were present */
  }
}

/* Placeholder for .page-privacy-policy__banners-top-wrapper (gameshow 6-grid) */
.page-privacy-policy__banners-top-wrapper {
  /* Not applicable for privacy policy page */
}
@media (max-width: 768px) {
  .page-privacy-policy__banners-top-wrapper {
    /* Mobile styles if it were present */
  }
}

/* Placeholder for .page-privacy-policy__blog-masonry (blog cards) */
.page-privacy-policy__blog-masonry {
  /* Not applicable for privacy policy page */
}
@media (max-width: 768px) {
  .page-privacy-policy__blog-masonry {
    /* Mobile styles if it were present */
  }
}

/* Placeholder for .page-privacy-policy__blog-slider-track (blog carousel) */
.page-privacy-policy__blog-slider-track {
  /* Not applicable for privacy policy page */
}
@media (max-width: 768px) {
  .page-privacy-policy__blog-slider-track {
    /* Mobile styles if it were present */
  }
}