#community .section__inner { box-sizing: border-box; flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; gap: calc(48px * var(--spc)); min-height: 0; padding: calc(140px * var(--spc)) calc(40px * var(--spc)) calc(120px * var(--spc)); }
#community .community-head { display: flex; flex-direction: column; align-items: center; gap: calc(18px * var(--spc)); width: 100%; }
#community .hero-title, #community .hero-desc { margin-bottom: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .15); }
#community .hero-title { line-height: normal; }
#community .hero-desc { max-width: calc(960px * var(--spc)); margin-inline: auto; opacity: .8; }
#community .community-content { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(20px * var(--spc)); width: 100%; min-height: 0; }
#community .community-reward { position: relative; flex: none; }
#community .community-reward > picture { display: block; }
#community .community-gift { display: block; width: calc(900px * var(--spc)); height: calc(460px * var(--spc)); object-fit: contain; filter: drop-shadow(0 16px 32px rgba(12, 12, 13, .4)); }
#community .community-reward__badge { position: absolute; left: calc(219px * var(--spc)); top: calc(10px * var(--spc)); width: calc(133.968px * var(--spc)); height: calc(133.968px * var(--spc)); background-image: url('../assets/images/common/badge_star.svg'); background-repeat: no-repeat; background-size: calc(138.023px * var(--spc)) auto; background-position: calc(-2.025px * var(--spc)) 0; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: var(--font-title); font-weight: 400; font-size: calc(24px * var(--spc)); line-height: 1.2; color: #FFFFFF; text-align: center; }
#community .community-notice { display: flex; flex-direction: column; align-items: center; gap: calc(7px * var(--spc)); width: calc(358px * var(--spc)); opacity: .8; color: #A8B6FF; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .15); }
#community .community-notice__list { list-style: none; font-family: var(--font-body); font-weight: 400; font-size: calc(13px * var(--spc)); line-height: 1.6; }