.team-page { height: 100vh; font-size: 14px; background: #ededef80; font-family: Source Han Sans CN-Bold, Source Han Sans CN; } .team-container { width: 375px; height: calc(100vh - 86px); box-sizing: border-box; padding: 20px 30px; font-weight: 400; color: #181A20; font-size: 16px; } .team-logo-img { width: 86px; height: 86px; margin-bottom: 10px; } .team-logo-text { font-size: 12px; color: rgba(0, 0, 0, 0.5); } .team-pre-container { width: 332px; height: 98px; background: #FFFFFF; box-shadow: -2px 8px 46px 0px rgba(37, 45, 50, 0.05); border-radius: 16px 16px 16px 16px; opacity: 1; margin-top: 16px; } .team-pre-item { font-size: 12px; color: rgba(0, 0, 0, 0.5); } .team-pre-price { font-size: 20px; font-weight: bold; color: #000; } .invite-container { margin-top: 20px; width: 100%; } .invite-title { font-size: 16px; font-weight: bold; color: #000; text-align: left; } .invite-item { width: 332px; height: 82px; background: #FFFFFF; box-shadow: -2px 8px 46px 0px rgba(37, 45, 50, 0.05); border-radius: 16px 16px 16px 16px; opacity: 1; margin-top: 16px; box-sizing: border-box; padding: 0 12px; color: #181A20; } .invite-item-content { margin-left: 12px; font-size: 14px; height: 40px; line-height: 20px; } .invite-level { padding: 0 8px; height: 24px; background: linear-gradient(117deg, #0F1732 0%, #2F3A58 100%); border-radius: 12px; opacity: 1; font-weight: bold; line-height: 24px; font-size: 12px; text-align: center; margin-left: 10px; } .invite-level-text { background: linear-gradient(297deg, #FCA12D 0%, #FEF9F8 100%); background-clip: text; color: transparent; }