.page-tai-xiu__main {color: #F2FFF6; background-color: #08160F; max-width: 1200px; margin: 0 auto; padding-bottom: 50px;} .page-tai-xiu__hero-section {padding-top: 10px; padding-bottom: 0;} .page-tai-xiu__hero-image-wrap {border-radius: 20px; overflow: hidden; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5); margin-bottom: 20px; border: 1px solid #2E7A4E; } .page-tai-xiu__hero-image {display: block; width: 100%; height: auto; aspect-ratio: 1020/300; object-fit: cover;} .page-tai-xiu__hero-content {text-align: center; padding: 20px;} .page-tai-xiu__hero-title {font-size: clamp(1.5rem, 4vw, 2.6rem); line-height: 1.2; font-weight: 800; margin-bottom: 12px; color: #F2FFF6; letter-spacing: -0.5px; text-wrap: balance;} .page-tai-xiu__hero-subtitle {font-size: clamp(1rem, 2.5vw, 1.2rem); color: #A7D9B8; max-width: 800px; margin: 0 auto 24px;} .page-tai-xiu__hero-actions {display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;} .page-tai-xiu__button {display: inline-block; background: linear-gradient(180deg, #2AD16F 0%, #13994A 100%); color: #fff; font-weight: 600; padding: 12px 22px; border-radius: 100px; text-decoration: none; border: none; transition: transform 0.2s ease, box-shadow 0.2s ease; cursor: pointer; box-sizing: border-box; white-space: normal; word-wrap: break-word; } .page-tai-xiu__button:hover {transform: translateY(-3px); box-shadow: 0 8px 25px rgba(87, 227, 141, 0.35);} .page-tai-xiu__button--secondary {background: linear-gradient(180deg, #2E7A4E, #0f8040); border: 1px solid #57E38D;} .page-tai-xiu__button--large {padding: 12px 24px;} .page-tai-xiu__button--primary:active {background: #2AD16F;} .page-tai-xiu__section-title {color: #F2FFF6; text-align: center; font-size: clamp(1.5rem, 3vw, 2.1rem); margin: 25px 0 30px; font-weight: 700;} .page-tai-xiu__intro-card {background-color: #11271B; padding: 25px; border-radius: 20px; margin-bottom: 30px; border: 1px solid #2E7A4E;} .page-tai-xiu__intro-rating {display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 15px;} .page-tai-xiu__rating-score {font-size: 2.5rem; font-weight: bold; color: #F2C14E;} .page-tai-xiu__intro-text {font-size: 1rem; line-height: 1.6; color: #F2FFF6;} .page-tai-xiu__features-grid, .page-tai-xiu__benefits-grid, .page-tai-xiu__guide-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;} .page-tai-xiu__feature-item, .page-tai-xiu__benefit-item, .page-tai-xiu__guide-step {background: #11271B; border-radius: 20px; padding: 20px; border: 1px solid #2E7A4E; transition: transform 0.3s ease, box-shadow 0.3s ease;} .page-tai-xiu__feature-item:hover, .page-tai-xiu__benefit-item:hover, .page-tai-xiu__guide-step:hover {transform: translateY(-5px); box-shadow: 0 8px 14px rgba(87, 227, 141, 0.1);} .page-tai-xiu__feature-title, .page-tai-xiu__benefit-title, .page-tai-xiu__guide-title {color: #F2C14E; font-size: 1.2rem; line-height: 1.4; margin-bottom: 10px;} .page-tai-xiu__guide-title {color: #F2C14E;} .page-tai-xiu__feature-title, .page-tai-xiu__benefit-title {text-align: center;} .page-tai-xiu__guide-step {text-align: center;} .page-tai-xiu__guide-step p {text-align: left;} .page-tai-xiu__feature-item p, .page-tai-xiu__benefit-item p, .page-tai-xiu__guide-step p {color: #A7D9B8; line-height: 1.5; font-size: 0.95rem; margin-bottom: 10px; } .page-tai-xiu__feature-title, .page-tai-xiu__benefit-title, .page-tai-xiu__guide-title {text-align: center;} .page-tai-xiu__section-title::after {content: ''; display: block; width: 60px; height: 2px; background: #F2C14E; margin: 5px auto 0;} .page-tai-xiu__actions-section {margin-top: 20px; text-align: center;}.page-tai-xiu__guide-step a {color: #F2C14E; }.page-tai-xiu__guide-step a:hover {text-decoration: underline;} @media (max-width: 1024px) { .page-tai-xiu__hero-actions {flex-direction: column; align-items: stretch;} .page-tai-xiu__hero-content{padding: 20px 10px;} .page-tai-xiu__hero-image{aspect-ratio: 1020/300; object-fit: cover; } .page-tai-xiu__features-grid, .page-tai-xiu__benefits-grid, .page-tai-xiu__guide-grid {grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));} .page-tai-xiu__button {max-width: 100%;} } @media (max-width: 768px) { .page-tai-xiu__hero-image {aspect-ratio: 2/1;} .page-tai-xiu__hero-title {letter-spacing: 0; } .page-tai-xiu__hero-subtitle { } .page-tai-xiu__hero-actions {flex-direction: column; align-items: stretch;} .page-tai-xiu__button {padding: 10px 20px; font-size: 0.95rem;} .page-tai-xiu__intro-text {font-size: 0.9rem;} .page-tai-xiu__section-title {margin: 15px 0 20px;} .page-tai-xiu__main img {max-width: 100% !important; height: auto !important;} .page-tai-xiu__main {overflow-x: hidden;} .page-tai-xiu__features-grid, .page-tai-xiu__benefits-grid, .page-tai-xiu__guide-grid {grid-template-columns: 1fr} .page-tai-xiu__guide-grid {gap: 15px;} .page-tai-xiu__guide-step, .page-tai-xiu__feature-item, .page-tai-xiu__benefit-item {text-align: left;} .page-tai-xiu__hero-content {padding: 20px 16px 0; flex-direction: column;} .page-tai-xiu__rating-score{font-size: 2rem;} .page-tai-xiu__actions-section {font-size: 1.1rem;} }