/* ----- 完全独立 – 透明胶囊装饰 + 浮动胶囊组 ----- */         .capsule-group {             display: flex;             flex-wrap: wrap;             gap: 0.8rem 1.2rem;             align-items: center;             justify-content: flex-start;             font-family: 'Inter', 'Segoe UI', Roboto, system-ui, sans-serif;             background: transparent;             max-width: 100%;             padding: 4rem 0 1rem 0;          /* 上内边距从 2rem 增加到 4rem，整体再次下移 */             margin: 0;         }          /* 透明胶囊 – 背景改为 #51D8E1，文字白色，无边框 */         .capsule-group .badge {             display: inline-flex;             align-items: center;             gap: 0.4rem;             background: #51D8E1;             border: none;             border-radius: 45px;             padding: 0.5rem 1.4rem;             font-weight: 500;             font-size: 1rem;             color: #ffffff;             white-space: nowrap;             transition: all 0.25s ease;             cursor: default;             backdrop-filter: blur(2px);         }          .capsule-group .badge:hover {             background: #3dc2cb;             transform: translateY(-2px);             box-shadow: 0 4px 12px rgba(81, 216, 225, 0.3);         }          .capsule-group .badge i {             font-style: normal;             font-size: 1rem;             color: #ffffff;         }          .capsule-group .badge .text {             background: transparent;         }          /* ----- 浮动大胶囊 (PCBA) ----- */         .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.5rem;         }          .float-capsule {             display: inline-flex;             align-items: baseline;             flex-wrap: wrap;             gap: 0.3rem 0.8rem;             font-size: 1.5rem;             font-weight: 450;             color: #1e2a2e;             background: #ffffffcc;             backdrop-filter: blur(2px);             padding: 0.85rem 2rem;             border-radius: 60px;             box-shadow: 0 10px 20px -10px rgba(0,0,0,0.1);             cursor: pointer;             letter-spacing: 0.2px;             animation: floatGentle 3s ease-in-out infinite;         }          .float-capsule.delay {             animation-delay: 0.2s;         }          .float-capsule span {             color: #1e2a2e;         }          .float-capsule .weight-600 {             font-weight: 600;         }          .float-capsule .weight-400 {             font-weight: 400;         }          @keyframes floatGentle {             0% { transform: translateY(0px); }             50% { transform: translateY(-5px); }             100% { transform: translateY(0px); }         }          /* 响应式适配 */         @media (max-width: 640px) {             .capsule-group .badge {                 white-space: normal;                 font-size: 0.85rem;                 padding: 0.35rem 1rem;             }             .capsule-group .badge i {                 font-size: 0.85rem;             }             .float-capsule {                 font-size: 1.1rem;                 padding: 0.6rem 1.2rem;             }         }