/* Page-specific CSS for qc168.win */:root {--primary-color: #e44d26; /* A vibrant orange-red */--secondary-color: #333;--accent-color: #ffcc00; /* Gold/yellow for highlights */--text-color: #fff;--bg-dark: #1a1a1a;--bg-light: #2c2c2c;--border-color: #444;}.page-qc168-win {font-family: 'Arial', sans-serif;color: var(--text-color);background-color: var(--bg-dark);padding-top: var(--header-offset, 122px);}.page-qc168-win__section {padding: 40px 20px;margin-bottom: 20px;border-radius: 8px;background-color: var(--bg-light);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}.page-qc168-win__section-title {text-align: center;color: var(--primary-color);font-size: 2.5em;margin-bottom: 30px;font-weight: bold;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}.page-qc168-win__section-subtitle {text-align: center;color: var(--accent-color);font-size: 1.2em;margin-bottom: 40px;}.page-qc168-win__text {font-size: 1.1em;line-height: 1.6;margin-bottom: 20px;text-align: justify;}.page-qc168-win__list {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}.page-qc168-win__list-item {background-color: #3a3a3a;padding: 20px;border-radius: 8px;flex: 1 1 calc(33% - 40px);box-sizing: border-box;min-width: 280px;text-align: center;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);}.page-qc168-win__list-item-title {color: var(--accent-color);font-size: 1.3em;margin-bottom: 10px;}.page-qc168-win__btn {display: inline-block;background-color: var(--primary-color);color: var(--text-color);padding: 12px 25px;border-radius: 5px;text-decoration: none;font-weight: bold;transition: background-color 0.3s ease, transform 0.2s ease;border: none;cursor: pointer;font-size: 1em;}.page-qc168-win__btn:hover {background-color: #d14422;transform: translateY(-2px);}.page-qc168-win__hero-section {position: relative;height: 60vh;min-height: 400px;display: flex;align-items: center;justify-content: center;text-align: center;overflow: hidden;padding-top: 10px;}.page-qc168-win__hero-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0;}.page-qc168-win__hero-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8));z-index: 1;}.page-qc168-win__hero-content {position: relative;z-index: 2;max-width: 800px;padding: 0 20px;}.page-qc168-win__hero-title {font-size: 3.5em;margin-bottom: 15px;color: #fff;text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7);}.page-qc168-win__hero-description {font-size: 1.4em;margin-bottom: 30px;color: #eee;}.page-qc168-win__payment-providers {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 30px;width: 100%;max-width: 100%;box-sizing: border-box;padding: 40px 20px;background-color: var(--bg-light);}.page-qc168-win__payment-title {width: 100%;text-align: center;color: var(--primary-color);font-size: 2em;margin-bottom: 25px;}.page-qc168-win__payment-logo {flex: 0 0 auto;width: 80px;height: 80px;max-width: 80px;max-height: 80px;box-sizing: border-box;}.page-qc168-win__payment-logo img {display: block;width: 80px !important;height: 80px !important;max-width: 80px !important;max-height: 80px !important;object-fit: contain;}.page-qc168-win__game-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 25px;padding: 0 20px;}.page-qc168-win__game-card {background-color: #3a3a3a;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);text-align: center;transition: transform 0.3s ease;}.page-qc168-win__game-card:hover {transform: translateY(-5px);}.page-qc168-win__game-card-img {width: 100%;height: 200px;object-fit: cover;display: block;}.page-qc168-win__game-card-content {padding: 20px;}.page-qc168-win__game-card-title {font-size: 1.4em;color: var(--accent-color);margin-bottom: 10px;}.page-qc168-win__game-card-description {font-size: 0.95em;color: #ccc;margin-bottom: 15px;}.page-qc168-win__promotions-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 25px;padding: 0 20px;}.page-qc168-win__promotion-card {background-color: #3a3a3a;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);text-align: center;transition: transform 0.3s ease;}.page-qc168-win__promotion-card:hover {transform: translateY(-5px);}.page-qc168-win__promotion-card-img {width: 100%;height: 180px;object-fit: cover;display: block;}.page-qc168-win__promotion-card-content {padding: 20px;}.page-qc168-win__promotion-card-title {font-size: 1.4em;color: var(--accent-color);margin-bottom: 10px;}.page-qc168-win__promotion-card-description {font-size: 0.95em;color: #ccc;margin-bottom: 15px;}.page-qc168-win__faq-list {max-width: 900px;margin: 0 auto;padding: 0 20px;}.page-qc168-win__faq-item {background-color: #3a3a3a;margin-bottom: 15px;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);}.page-qc168-win__faq-question {display: flex;justify-content: space-between;align-items: center;padding: 20px 25px;cursor: pointer;background-color: #4a4a4a;color: var(--accent-color);font-size: 1.2em;font-weight: bold;transition: background-color 0.3s ease;}.page-qc168-win__faq-question:hover {background-color: #5a5a5a;}.page-qc168-win__faq-question h3 {margin: 0;flex-grow: 1;text-align: left;color: inherit;font-size: inherit;pointer-events: none;}.page-qc168-win__faq-toggle {font-size: 1.8em;line-height: 1;margin-left: 15px;transition: transform 0.3s ease;pointer-events: none;}.page-qc168-win__faq-item.active .page-qc168-win__faq-toggle {transform: rotate(45deg);}.page-qc168-win__faq-answer {max-height: 0;overflow: hidden;padding: 0 25px;background-color: #3a3a3a;color: #ccc;font-size: 1em;line-height: 1.6;transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.4s ease;opacity: 0;}.page-qc168-win__faq-item.active .page-qc168-win__faq-answer {max-height: 2000px !important;padding: 20px 25px !important;opacity: 1;}.page-qc168-win__blog-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 25px;padding: 0 20px;}.page-qc168-win__blog-card {background-color: #3a3a3a;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);transition: transform 0.3s ease;}.page-qc168-win__blog-card:hover {transform: translateY(-5px);}.page-qc168-win__blog-card-img {width: 100%;height: 180px;object-fit: cover;display: block;}.page-qc168-win__blog-card-content {padding: 20px;}.page-qc168-win__blog-card-title {font-size: 1.3em;color: var(--accent-color);margin-bottom: 10px;}.page-qc168-win__blog-card-text {font-size: 0.9em;color: #ccc;margin-bottom: 10px;}.page-qc168-win__blog-card-date {font-size: 0.8em;color: #999;}.page-qc168-win__quick-access-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;padding: 0 20px;}.page-qc168-win__quick-access-item {background-color: #4a4a4a;border-radius: 8px;text-align: center;padding: 25px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);}.page-qc168-win__quick-access-item .page-qc168-win__btn {width: 100%;}.page-qc168-win__floating-buttons {position: fixed;bottom: 20px;right: 20px;z-index: 1000;display: flex;flex-direction: column;gap: 10px;}.page-qc168-win__floating-btn {background-color: var(--primary-color);color: var(--text-color);width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.9em;font-weight: bold;text-decoration: none;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);transition: background-color 0.3s ease, transform 0.2s ease;}.page-qc168-win__floating-btn:hover {background-color: #d14422;transform: scale(1.05);}.page-qc168-win__floating-btn--register {background-color: var(--accent-color);color: var(--secondary-color);}.page-qc168-win__floating-btn--register:hover {background-color: #e6b800;}.page-qc168-win img {max-width: 100%;height: auto;display: block;margin: 0 auto;box-sizing: border-box;}@media (max-width: 1024px) {.page-qc168-win__hero-title {font-size: 3em;}.page-qc168-win__hero-description {font-size: 1.2em;}.page-qc168-win__section-title {font-size: 2em;}}.page-qc168-win__list-item {flex: 1 1 calc(50% - 30px);}.page-qc168-win__game-card-img, .page-qc168-win__promotion-card-img, .page-qc168-win__blog-card-img {height: 180px;}@media (max-width: 768px) {.page-qc168-win__hero-section {height: 50vh;min-height: 300px;}.page-qc168-win__hero-title {font-size: 2.2em;}.page-qc168-win__hero-description {font-size: 1em;}.page-qc168-win__section {padding: 30px 15px;}.page-qc168-win__section-title {font-size: 1.8em;}.page-qc168-win__section-subtitle {font-size: 1em;}.page-qc168-win__text {font-size: 0.95em;}.page-qc168-win__btn {padding: 10px 20px;font-size: 0.9em;}.page-qc168-win__payment-providers {flex-direction: row;flex-wrap: wrap;justify-content: center;gap: 16px;padding: 30px 15px;}.page-qc168-win__payment-title {font-size: 1.5em;}.page-qc168-win__payment-logo,.page-qc168-win__payment-logo img {width: 80px !important;height: 80px !important;max-width: 80px !important;max-height: 80px !important;}.page-qc168-win__list-item {flex: 1 1 100% !important;width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;margin-left: 0 !important;margin-right: 0 !important;padding: 15px;}.page-qc168-win__list-item-title {font-size: 1.2em;}.page-qc168-win__game-grid, .page-qc168-win__promotions-grid, .page-qc168-win__blog-grid, .page-qc168-win__quick-access-grid {grid-template-columns: 1fr;padding: 0 15px;}.page-qc168-win__game-card-img, .page-qc168-win__promotion-card-img, .page-qc168-win__blog-card-img {height: 160px;}.page-qc168-win__game-card-title, .page-qc168-win__promotion-card-title, .page-qc168-win__blog-card-title {font-size: 1.2em;}.page-qc168-win__faq-question {padding: 15px 20px;font-size: 1.1em;}.page-qc168-win__faq-question h3 {pointer-events: none;}.page-qc168-win__faq-answer {padding: 0 20px;font-size: 0.95em;}.page-qc168-win__faq-item.active .page-qc168-win__faq-answer {padding: 15px 20px !important;}.page-qc168-win__floating-buttons {bottom: 15px;right: 15px;}.page-qc168-win__floating-btn {width: 45px;height: 45px;font-size: 0.8em;}.page-qc168-win img {max-width: 100% !important;height: auto !important;box-sizing: border-box !important;}}