/* ----- 完全隔离 – 所有样式嵌套在 .lifecycle-module 下 ----- */         .lifecycle-module {             display: block;             font-family: 'Inter', 'Segoe UI', Roboto, system-ui, sans-serif;             background: transparent;             max-width: 100%;             padding: 0;             margin: 0;         }          .lifecycle-module .lc-capsule-group {             display: flex;             flex-wrap: wrap;             gap: 0.8rem 1.2rem;             align-items: center;             justify-content: flex-start;             background: transparent;             max-width: 100%;             padding: 0.5rem 0;             margin: 0;         }          .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 和 lifecycle 在同一行，且胶囊尺寸与字体匹配 ----- */         .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;             font-size: 1.4rem;          /* 调整字体大小，与胶囊尺寸匹配 */             font-weight: 450;             color: #1e2a2e;             background: #ffffffcc;             padding: 0.6rem 1.8rem;      /* 调整内边距，让胶囊刚好包裹文字 */             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;             max-width: 100%;             line-height: 1.5;            /* 行高适中，确保文字不重叠 */             white-space: nowrap;          /* 强制一行显示，保证 Thinking 和 lifecycle 同排 */             overflow: hidden;             text-overflow: ellipsis;      /* 极端小屏显示省略号，但一般不会 */         }          /* 加粗样式 */         .lifecycle-module .lc-float-capsule .weight-500 {             font-weight: 600;         }          /* 针对小屏：允许换行，但保持 Thinking 和 lifecycle 尽量同排 */         @media (max-width: 640px) {             .lifecycle-module .lc-badge {                 font-size: 0.85rem;                 padding: 0.35rem 1rem;                 white-space: nowrap;             }             .lifecycle-module .lc-badge i {                 font-size: 0.85rem;             }             .lifecycle-module .lc-float-capsule {                 font-size: 1.0rem;        /* 小屏缩小字体 */                 padding: 0.5rem 1.2rem;                 white-space: normal;       /* 小屏允许换行，但会尽量保持单词完整 */                 line-height: 1.4;             }         }          /* 超小屏 (如 360px) 进一步调整 */         @media (max-width: 420px) {             .lifecycle-module .lc-float-capsule {                 font-size: 0.9rem;                 padding: 0.4rem 0.9rem;                 white-space: normal;             }         }          @keyframes lcFloatGentle {             0% { transform: translateY(0px); }             50% { transform: translateY(-6px); }             100% { transform: translateY(0px); }         }