/* 只对该区域内的元素生效，不影响 body, header, footer */ .my-unique-faq-wrapper { padding: 60px 20px; background-color: #f9f9f9; /* 这里的背景色只会应用在 FAQ 区域 */ } .my-unique-faq-wrapper .faq-container { max-width: 1000px; margin: 0 auto; } .my-unique-faq-wrapper .faq-row { display: flex; background: #fff; margin-bottom: 30px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); } /* 布局控制 */ .my-unique-faq-wrapper .layout-left { flex-direction: row; } .my-unique-faq-wrapper .layout-center { flex-direction: column; } .my-unique-faq-wrapper .layout-right { flex-direction: row-reverse; } .my-unique-faq-wrapper .faq-img-box { flex: 1; min-height: 300px; overflow: hidden; } .my-unique-faq-wrapper .faq-img-box img { width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.1); /* 动画触发 */ animation: faqFadeIn 0.8s forwards; } .my-unique-faq-wrapper .faq-text-box { flex: 1.2; padding: 40px; display: flex; flex-direction: column; justify-content: center; } .my-unique-faq-wrapper .layout-center .faq-text-box { text-align: center; } .my-unique-faq-wrapper .faq-title { margin: 10px 0; font-size: 1.5rem; opacity: 0; animation: faqTextUp 0.6s forwards 0.4s; } .my-unique-faq-wrapper .faq-desc { color: #666; line-height: 1.6; opacity: 0; animation: faqTextUp 0.6s forwards 0.6s; } /* 关键帧动画名也保持唯一，防止重名 */ @keyframes faqFadeIn { to { opacity: 1; transform: scale(1); } } @keyframes faqTextUp { to { opacity: 1; transform: translateY(0); } } /* 手机端自动转为垂直排列 */ @media (max-width: 768px) { .my-unique-faq-wrapper .faq-row, .my-unique-faq-wrapper .layout-right { flex-direction: column; } } 01 为什么 WPC 门可以防水？ WPC（木塑复合材料）兼具木材的质感和塑料的防水性，分子结构极其稳定，即便长期处于潮湿环境也不会腐烂或变形。 02 WPC 门如何实现阻燃？在生产过程中加入了高效率阻燃剂，遇火仅碳化不助燃，离开火源后自动熄灭，符合高标准的防火安全要求。 03 它的环保性体现在哪里？无胶水热压成型工艺，从源头上杜绝了甲醛。材料可100%循环再生，是真正的绿色环保建材。