/* ----- 完全隔离 – 所有样式嵌套在 .lifecycle-module 下 ----- */         .lifecycle-module {             display: inline-block;      /* 改为 inline-block，让容器宽度由内容决定 */             font-family: 'Inter', 'Segoe UI', Roboto, system-ui, sans-serif;             background: transparent;             max-width: 100%;             padding: 0;             margin: 0;             /* 整体缩小20%：使用 scale(0.8) */             transform: scale(0.8);             transform-origin: top left;             width: auto;             margin-bottom: 0;         }          /* 胶囊组：强制不换行，所有胶囊在同一行 */         .lifecycle-module .lc-capsule-group {             display: flex;             flex-wrap: nowrap;             gap: 0.8rem 1.2rem;             align-items: center;             justify-content: flex-start;             background: transparent;             max-width: 100%;             padding: 0.5rem 0;             margin: 0;             overflow: visible;         }          .lifecycle-module .lc-badge {             display: inline-flex;             align-items: center;             gap: 0.4rem;             border-radius: 45px;             padding: 0.5rem 1.4rem;             font-weight: 500;             font-size: 1rem;             white-space: nowrap;             transition: all 0.35s ease;             cursor: default;             border: none;             color: #ffffff;             flex-shrink: 0;         }          .lifecycle-module .lc-badge:hover {             transform: translateY(-3px) scale(1.02);             box-shadow: 0 8px 20px rgba(0,0,0,0.15);         }          .lifecycle-module .lc-badge i {             font-style: normal;             font-size: 1rem;             color: #ffffff;         }          /* ----- 各阶段配色 ----- */         .lifecycle-module .lc-badge.npi { background: #4CAF50; }         .lifecycle-module .lc-badge.npi:hover { background: #388E3C; }          .lifecycle-module .lc-badge.mp { background: #2196F3; }         .lifecycle-module .lc-badge.mp:hover { background: #1976D2; }          .lifecycle-module .lc-badge.sustaining { background: #FF9800; }         .lifecycle-module .lc-badge.sustaining:hover { background: #F57C00; }          .lifecycle-module .lc-badge.eol { background: #78909C; opacity: 0.85; }         .lifecycle-module .lc-badge.eol:hover { background: #546E7A; opacity: 1; }          /* ----- 浮动大胶囊 (Thinking and solving...) – 修复宽度问题 ----- */         .lifecycle-module .lc-float-group {             display: flex;             flex-wrap: wrap;             gap: 1.2rem;             align-items: center;             font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;             margin-top: 0.8rem;         }          .lifecycle-module .lc-float-capsule {             display: inline-block;          /* 改为 inline-block，宽度由内容撑开 */             font-size: 1.6rem;             font-weight: 450;             color: #1e2a2e;             background: #ffffffcc;             padding: 0.85rem 2rem;             border-radius: 60px;             backdrop-filter: blur(2px);             box-shadow: 0 10px 20px -10px rgba(0,0,0,0.1);             cursor: pointer;             letter-spacing: 0.2px;             animation: lcFloatGentle 3s ease-in-out infinite;             text-align: left;             line-height: 1.6;             white-space: nowrap;            /* 保持单行，不折行 */             max-width: none;                /* 移除最大宽度限制，让文本自然撑开 */             width: auto;                    /* 宽度由内容决定 */         }          .lifecycle-module .lc-float-capsule .weight-500 {             font-weight: 600;         }          @keyframes lcFloatGentle {             0% { transform: translateY(0px); }             50% { transform: translateY(-6px); }             100% { transform: translateY(0px); }         }          /* 在移动端，缩放可能引起布局问题，保持 scale(0.8) 同时调整宽度 */         @media (max-width: 640px) {             .lifecycle-module {                 transform: scale(0.8);                 transform-origin: top left;                 width: auto;                 margin-bottom: 0;             }             .lifecycle-module .lc-badge {                 font-size: 0.85rem;                 padding: 0.35rem 1rem;             }             .lifecycle-module .lc-badge i {                 font-size: 0.85rem;             }             .lifecycle-module .lc-float-capsule {                 font-size: 1.1rem;                 padding: 0.6rem 1.2rem;                 white-space: nowrap;                 max-width: none;                 width: auto;             }         }          /* 额外小屏优化 */         @media (max-width: 480px) {             .lifecycle-module {                 transform: scale(0.8);                 transform-origin: top left;                 width: auto;                 margin-bottom: 0;             }             .lifecycle-module .lc-capsule-group {                 gap: 0.4rem 0.6rem;             }             .lifecycle-module .lc-badge {                 font-size: 0.75rem;                 padding: 0.25rem 0.7rem;             }             .lifecycle-module .lc-float-capsule {                 font-size: 0.95rem;                 padding: 0.4rem 0.9rem;                 white-space: nowrap;                 max-width: none;                 width: auto;             }         }