/* ----- 外层容器 – 整体缩小20% (scale 0.8) ----- */         .module-wrapper {             display: block;             /* 使用 scale(0.8) 实现整体缩小，transform-origin 左上角保证位置稳定 */             transform: scale(0.8);             transform-origin: top left;             /* 补偿缩放造成的宽度和高度缩减：宽度扩大125%，底部margin负值抵消多余空白 */             width: 125%;             margin-bottom: -20%;             /* 内边距或背景保持透明，无额外干扰 */             padding: 0;             background: transparent;         }          /* 内部样式保持原样，但为了清晰将原有选择器加上 .module-wrapper 前缀，确保隔离 */         .module-wrapper .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;         }          .module-wrapper .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);         }          .module-wrapper .capsule-group .badge:hover {             background: #3dc2cb;             transform: translateY(-2px);             box-shadow: 0 4px 12px rgba(81, 216, 225, 0.3);         }          .module-wrapper .capsule-group .badge i {             font-style: normal;             font-size: 1rem;             color: #ffffff;         }          .module-wrapper .capsule-group .badge .text {             background: transparent;         }          .module-wrapper .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;         }          .module-wrapper .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;         }          .module-wrapper .float-capsule.delay {             animation-delay: 0.2s;         }          .module-wrapper .float-capsule span {             color: #1e2a2e;         }          .module-wrapper .float-capsule .weight-600 {             font-weight: 600;         }          .module-wrapper .float-capsule .weight-400 {             font-weight: 400;         }          @keyframes floatGentle {             0% { transform: translateY(0px); }             50% { transform: translateY(-5px); }             100% { transform: translateY(0px); }         }          /* 响应式适配 – 在移动端同样保持缩小20%效果 */         @media (max-width: 640px) {             .module-wrapper {                 transform: scale(0.8);                 transform-origin: top left;                 width: 125%;                 margin-bottom: -20%;             }             .module-wrapper .capsule-group .badge {                 white-space: normal;                 font-size: 0.85rem;                 padding: 0.35rem 1rem;             }             .module-wrapper .capsule-group .badge i {                 font-size: 0.85rem;             }             .module-wrapper .float-capsule {                 font-size: 1.1rem;                 padding: 0.6rem 1.2rem;             }         }          /* 额外小屏优化 */         @media (max-width: 480px) {             .module-wrapper {                 transform: scale(0.8);                 transform-origin: top left;                 width: 125%;                 margin-bottom: -20%;             }             .module-wrapper .capsule-group {                 gap: 0.4rem 0.6rem;                 padding: 3rem 0 0.5rem 0;             }             .module-wrapper .capsule-group .badge {                 font-size: 0.75rem;                 padding: 0.25rem 0.7rem;             }             .module-wrapper .float-capsule {                 font-size: 0.95rem;                 padding: 0.4rem 0.9rem;                 gap: 0.2rem 0.5rem;             }         }