         /* ----- isolated module – affects nothing outside, fully transparent for overlay ----- */         .modular-overlay * {             margin: 0;             padding: 0;             box-sizing: border-box;         }          .modular-overlay {             display: flex;             justify-content: center;             align-items: center;             width: 100%;             font-family: 'Inter', 'Segoe UI', Roboto, system-ui, sans-serif;             background: transparent;             line-height: 1.5;             position: relative;             z-index: 10;             pointer-events: none;         }          .modular-overlay .content-wrapper {             pointer-events: auto;             background: transparent;             padding: 2rem;             max-width: 1200px;             width: 100%;             display: flex;             flex-direction: column;             align-items: center;             text-align: center;         }          /* 主标题 – Modular Manufacturing Processes */         .modular-overlay .main-title {             margin-bottom: 1.5rem;             display: flex;             justify-content: center;         }          .modular-overlay .title-block {             display: inline-flex;             align-items: center;             gap: 0.6rem;             background: rgba(255, 255, 255, 0.25);             border: 2px solid #c724b1;             border-radius: 60px;             padding: 0.8rem 2rem 0.8rem 1.5rem;             box-shadow: 0 8px 20px rgba(199, 36, 177, 0.15);             font-weight: 600;             font-size: 1.5rem;             color: #1e293b;             backdrop-filter: blur(8px);             -webkit-backdrop-filter: blur(8px);             white-space: nowrap;         }          .modular-overlay .title-block i {             font-style: normal;             font-size: 2rem;             color: #c724b1;             filter: drop-shadow(0 2px 4px rgba(199, 36, 177, 0.3));         }          /* 胶囊行 – 居中显示 */         .modular-overlay .free-modules-row {             display: flex;             flex-wrap: wrap;             gap: 1rem 1.2rem;             align-items: center;             justify-content: center;             margin-bottom: 1.5rem;             width: 100%;         }          .modular-overlay .free-capsule {             display: inline-flex;             align-items: center;             gap: 0.5rem;             background: rgba(199, 36, 177, 0.75);             border: 1.5px solid #a01d8a;             border-radius: 60px;             padding: 0.6rem 1.5rem 0.6rem 1.2rem;             box-shadow: 0 8px 18px rgba(199, 36, 177, 0.25);             font-weight: 600;             font-size: 1.1rem;             color: white;             backdrop-filter: blur(4px);             -webkit-backdrop-filter: blur(4px);             white-space: nowrap;         }          .modular-overlay .free-capsule i {             font-style: normal;             font-size: 1.4rem;             color: white;         }          /* Independent modules 单独胶囊（短文案） */         .modular-overlay .independent-capsule {             display: inline-flex;             align-items: center;             gap: 0.5rem;             background: rgba(255, 255, 255, 0.25);             border: 1.5px solid #c724b1;             border-radius: 60px;             padding: 0.6rem 1.5rem 0.6rem 1.2rem;             box-shadow: 0 6px 16px rgba(199, 36, 177, 0.15);             font-weight: 500;             font-size: 1.1rem;             color: #1e293b;             backdrop-filter: blur(6px);             -webkit-backdrop-filter: blur(6px);             white-space: nowrap;         }          .modular-overlay .independent-capsule i {             font-style: normal;             font-size: 1.4rem;             color: #c724b1;         }          /* 描述文字行 – 居中，所有文字统一颜色 */         .modular-overlay .description-row {             max-width: 800px;             width: 100%;             display: flex;             justify-content: center;         }          .modular-overlay .description-text {             display: inline-block;             background: rgba(255, 255, 255, 0.2);             backdrop-filter: blur(6px);             -webkit-backdrop-filter: blur(6px);             padding: 0.7rem 1.8rem;             border-radius: 60px;             border: 1.5px solid rgba(199, 36, 177, 0.5);             font-size: 1rem;             color: #1e293b;  /* 统一为1e293b色 */             line-height: 1.5;             text-align: center;         }          .modular-overlay .description-text strong {             color: #1e293b;  /* 与后面文字颜色统一，不加特殊颜色 */             font-weight: 600;         }          @media (max-width: 700px) {             .modular-overlay .title-block {                 font-size: 1.2rem;                 padding: 0.6rem 1.5rem;                 white-space: normal;             }             .modular-overlay .free-capsule,             .modular-overlay .independent-capsule {                 font-size: 0.9rem;                 padding: 0.4rem 1rem;                 white-space: normal;             }             .modular-overlay .description-text {                 font-size: 0.9rem;                 padding: 0.5rem 1rem;             }         }     