사용자:Aidenk(비교)

{{{#!wiki style="background-color: #141517; padding: 15px 16px 0px; color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', Inter, 'Segoe UI', sans-serif;"

## --- 1. 상단 네비게이션 ---

{{{#!wiki style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; font-size: 20px;"

{{{#!wiki style="cursor: pointer; color: #fff;"

<}}}

{{{#!wiki style="cursor: pointer; color: #fff;"

⋮}}}

}}}

## --- 2. 프로필 및 채널 정보 영역 ---

{{{#!wiki style="display: flex; align-items: center; margin-bottom: 16px;"

## 프로필 이미지 (flex-shrink: 0 으로 찌그러짐 방지)

{{{#!wiki style="position: relative; margin-right: 18px; flex-shrink: 0;"

{{{#!wiki style="border: 2.5px solid #00ffa3; border-radius: 999px; overflow: hidden; display: inline-block;"

[[파일:pfp_@[email protected]|width=72px&border-radius=999px]]}}}

{{{#!if (라이브 == "on")

{{{#!wiki style="position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); background-color: #e52929; color: white; font-size: 11px; padding: 2px 6px; border-radius: 4px; font-weight: 800; border: 2.5px solid #141517; letter-spacing: 0.5px;"

LIVE}}}}}}}}}

## 채널명 및 메타 정보

{{{#!wiki style="display: block; flex: 1; overflow: hidden;"

{{{#!wiki style="display: flex; align-items: center"

{{{#!wiki style="font-size: 22px; font-weight: 700; color: #ffffff; letter-spacing: -0.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"

@name=아라하시 타비@}}}{{{#!wiki style="margin: 2px 0 0 6px; flex-shrink: 0; display: @verified=block@"

[[파일:verified_white.svg|width=18px]]}}}}}}

{{{#!wiki style="font-size: 14px; color: #a1a6ac; margin-top: 4px"

팔로워 @subcount=22.7만@명}}}

{{{#!wiki style="font-size: 14px; color: #a1a6ac; margin-top: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;"

@descriptionpreview=🌊Stellive Universe Arahashi Tabi 방송 공지는 !...@}}}[br][br][br][br]

}}}}}}}}}

{{{#!wiki style="background-color: #141517; padding: 15px 16px 0px; color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', Inter, 'Segoe UI', sans-serif;"

## --- 1. 상단 네비게이션 ---

{{{#!wiki style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; font-size: 20px;"

{{{#!wiki style="cursor: pointer; color: #fff;"

<}}}

{{{#!wiki style="cursor: pointer; color: #fff;"

⋮}}}

}}}

## --- 2. 프로필 및 채널 정보 영역 ---

{{{#!wiki style="display: flex; align-items: center; margin-bottom: 16px;"

## 프로필 이미지 (flex-shrink: 0 으로 찌그러짐 방지)

{{{#!wiki style="position: relative; margin-right: 18px; flex-shrink: 0;"

{{{#!wiki style="border: 2.5px solid #00ffa3; border-radius: 999px; overflow: hidden; display: inline-block;"

[[파일:pfp_@[email protected]|width=72px&border-radius=999px]]}}}

{{{#!if (라이브 == "on")

{{{#!wiki style="position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); background-color: #e52929; color: white; font-size: 11px; padding: 2px 6px; border-radius: 4px; font-weight: 800; border: 2.5px solid #141517; letter-spacing: 0.5px;"

LIVE}}}}}}}}}

## 채널명 및 메타 정보

{{{#!wiki style="display: block; flex: 1; overflow: hidden;"

{{{#!wiki style="display: flex; align-items: center"

{{{#!wiki style="font-size: 22px; font-weight: 700; color: #ffffff; letter-spacing: -0.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"

@name=아라하시 타비@}}}{{{#!wiki style="margin: 2px 0 0 6px; flex-shrink: 0; display: @verified=block@"

[[파일:verified_white.svg|width=18px]]}}}}}}

{{{#!wiki style="font-size: 14px; color: #a1a6ac; margin-top: 4px"

팔로워 @subcount=22.7만@명}}}

{{{#!wiki style="font-size: 14px; color: #a1a6ac; margin-top: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;"

@descriptionpreview=🌊Stellive Universe Arahashi Tabi 방송 공지는 !...@}}}

}}}

}}}

## --- 3. 하단 버튼 바 (고정 크기 + Flex 비율 완벽 조정) ---

{{{#!wiki style="display: flex; gap: 8px; margin-bottom: 20px;"

## 팔로우(하트) 버튼 (고정폭)

{{{#!wiki style="width: 48px; height: 44px; flex-shrink: 0; background-color: #27272a; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 18px;"

{{{#fff ♥}}} }}}

## 알림 버튼 (고정폭)

{{{#!wiki style="width: 48px; height: 44px; flex-shrink: 0; background-color: #27272a; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 18px;"

{{{#fff 🔔}}} }}}

## 구독 버튼 (남은 공간 모두 차지)

{{{#!wiki style="flex: 1; height: 44px; background-color: #f1f1f1; color: #141517; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px;"

⊕ 구독}}}}}}

}}}