/* * 게시판 디자인 토큰 (TICKET-352, PRD-020/AC-9) * * 정본은 doc/design/canvas-v2/RaidStyleTile.dc.html(T0)이다. 이 파일은 그 색·간격 * 값을 옮긴 사본이며 값이 다르면 T0가 맞다. 게시판 CSS·템플릿·JS의 색은 전부 * 여기 변수를 거친다(리터럴 색은 이 파일 밖에 두지 않는다). * 레이드용 tokens.css와는 별개 파일이다 — 게시판은 레이드 토큰에 의존하지 않는다. * `board/base.html`이 board.css보다 먼저 링크한다. * * "T0 없음" 표시는 코드에만 있고 T0에는 없는 값이다(화면 색 유지를 위해 그대로 둔다). */ :root { /* ── T0 기본 팔레트 ── */ --board-bg: #0B1020; --board-text: #F2F4FA; --board-text-dim: #A7B0C8; --board-text-faint: #7F89A6; --board-link: #3DD5F3; --board-link-hover: #8BE7F8; --board-surface: #151C33; --board-surface-border: #2C3656; --board-divider: #1E2742; --board-accent: #3DD5F3; --board-accent-ink: #06212A; --board-btn-secondary-bg: #1E2742; --board-footer-text: #4A5578; --board-chip-muted-bg: rgba(167, 176, 200, .12); /* 내 정보 기록 줄 '완료'·'정원 미달' 칩 바탕(MyInfo, TICKET-499) */ --board-text-soft: #C9D0E2; /* 안내 페이지 본문(InfoPage, TICKET-505) — 캔버스 값 그대로, T0 팔레트엔 없음 */ --board-white: #FFFFFF; --board-time: #FFB547; /* 정원 참·연장·카운트(앰버) */ --board-time-bg: #3A2A12; --board-open-bg: rgba(61, 213, 243, .14); /* 모집 중 칩 배경(accent 틴트) */ --board-rule: #FF8A80; /* 패스 세이브(코랄) — 참여 취소 텍스트도 재사용 */ --board-rule-bg: #3A1A1C; --board-menu-danger: #FF6B6B; /* 더보기 메뉴 항목(모집 취소) 글자색, TICKET-431 */ --board-danger: #D1363C; /* 참여 취소 버튼 테두리·채움 */ --board-card-bg: #070B17; /* 모집 카드 바탕(모집 중) */ --board-header-bg: #111833; /* 헤더 바탕(B8, 10-07 결정) — 고정(sticky/fixed) 안 함 */ --board-header-line: #2C3656; /* 헤더 아래 선(TICKET-582, 사용자 직접 지시로 더 밝은 값) */ --board-header-bg-clear: rgba(17, 24, 51, 0); /* 헤더 아래 선 밑 페이드 끝(header-bg 투명, TICKET-581) */ /* 바텀시트 공통 값(2026-10-10 사용자 확정, 모든 시트 한 값) */ --board-sheet-scrim: rgba(5, 8, 18, .72); /* 스크림 = 다이얼로그와 같음 */ --board-sheet-pad-x: 20px; /* 좌우 20 + 화면 띄움 4 = 본문 24선 */ --board-sheet-pad-top: 10px; /* 손잡이 위 */ --board-sheet-pad-bottom: calc(24px + env(safe-area-inset-bottom)); --board-sheet-top-gap: calc(52px + 56px); /* 긴 시트 위 여백: 헤더 52 + 56 */ --board-sheet-title-gap: 14px; /* 긴 시트 손잡이 아래~제목 간격(정본 G2a·G2b, TICKET-621) */ --board-gate-submit-gap: 4px; /* [프로필 수정] 아래 제출 버튼 위 추가 간격(정본 p2-WriteNoTrainer 4 + dock gap 4 = 8, G2·F3 공통, TICKET-628) */ --board-j2-desc-size: 14px; /* J2 다이얼로그 설명 글자 크기(정본 J2, TICKET-620) */ --board-j2-btn-radius: 16px; /* J2 다이얼로그 버튼 모서리(정본 J2 r16, TICKET-620) */ --board-j2-hold-gap: 14px; /* J2 남은 시간 줄 위 간격(TICKET-620) */ --board-j2-hold-line: 18px; /* J2 남은 시간 줄 높이(TICKET-620) */ --board-j2-buttons-gap: 20px; /* J2 남은 시간 줄 아래~버튼 줄 간격(TICKET-620) */ --board-sheet-inset: 4px; /* 바텀시트 좌우 여백(B9, T0-C 4-3) */ /* PC 화면 · 가운데 기둥(T1 13, TICKET-644) — 폭 430 기둥 하나, 바깥 좌우 배경, 경계선 없이 그림자만 */ --board-pillar-w: 430px; --board-pillar-outer-bg: #070B17; --board-pillar-shadow: 0 0 40px rgba(0, 0, 0, .45); --board-reserved-bg: #0A1022; /* 예약방 카드 바탕(B7, 10-07 결정) */ --board-reserved-border: #34446E;/* 예약방 카드 테두리 */ --board-card-bg-full: #151C33; /* 정원 참 이후 카드 바탕, 좌석 원 안쪽도 이 색 */ /* 팀 점 색(T0 "팀 점") — 헤더 닉네임 칩·좌석 원 공용 */ --board-team-blue: #4C8DF6; --board-team-red: #F0524F; --board-team-yellow: #F5C542; --board-team-none: #7F89A6; --board-seat-empty: #4A5578; /* 프로필 말풍선(T0 "프로필 말풍선", TICKET-362) — 바탕은 surface-border와 같은 값, 구분선은 별도 */ --board-pop-bg: #2C3656; --board-pop-divider: #3A4670; /* ── T0 색의 투명도 변형·부품 색(T0 값 그대로) ── */ --board-bg-clear: rgba(11, 16, 32, 0); /* 하단 페이드 시작(bg 투명) */ --board-country: #7FD8E8; /* 나라 칩 글자(T0A 2-1 "나라", 하늘) */ --board-country-bg: rgba(127, 216, 232, .12); /* 나라 칩 배경 */ --board-depart-chip-bg: rgba(255, 181, 71, .14); /* 카드 출발 시각 칩 배경(T0 앰버 칩) */ --board-amber-tint-bg: rgba(255, 181, 71, .10); /* 앰버 배너 배경 */ --board-amber-tint-border: rgba(255, 181, 71, .35); --board-amber-notice-bg: rgba(255, 181, 71, .08); /* 운영자 화면 "확인할 것" 카드 배경(AdminSync, TICKET-481) */ --board-rule-tint-bg: rgba(255, 138, 128, .10); /* 코랄 안내 배너 배경 */ --board-rule-tint-border: rgba(255, 138, 128, .35); --board-accent-tint: rgba(61, 213, 243, .10); /* 선택 강조 배경 */ --board-accent-ring: rgba(61, 213, 243, .15); /* 홈 타일 눌림 강조 링(QJLogin1, PRD-038) */ --board-accent-glow: rgba(61, 213, 243, .55); /* 보스 이름 네온 */ --board-accent-notice-bg: rgba(61, 213, 243, .08);/* 보스 고르기 기준 나라 안내 줄 배경(p2-WriteFinalSheetOther) */ --board-accent-notice-text: #BFE9F4; /* 같은 안내 줄 글자 */ /* 레이드 만들기 안내 띠 2종(다른 시간대·레이드 시간 끝, T0C p2-WriteOtherTZ·p2-WriteAfterHours, TICKET-572 처리목록) — 색이 accent(하늘)가 아니라 country(연한 하늘/teal)다. */ --board-tz-notice-bg: rgba(127, 216, 232, .08); --board-tz-notice-border: rgba(127, 216, 232, .4); --board-glow-lo: rgba(61, 213, 243, .10); /* 숨 쉬는 글로우 약(T0 1-5 pt-glow) */ --board-glow-hi: rgba(61, 213, 243, .34); /* 숨 쉬는 글로우 강 */ --board-glow-still: rgba(61, 213, 243, .24); /* 움직임 줄이기일 때 고정 빛 */ --board-sheet-inner: #0F1528; /* 바텀시트 이너 박스 */ --board-sheet-inner-clear: rgba(15, 21, 40, 0); --board-country-card-bg: #121A30; /* 나라 고르기 시트 나라 카드 바탕(p2-CountrySheet) */ --board-thumb-bg: rgba(30, 39, 66, .45); /* 보스 썸네일 바탕 */ --board-preview-bg: #141A30; /* 링크 미리보기 카드 바탕 */ --board-shadow: rgba(0, 0, 0, .45); /* 팝업·토스트 그림자 */ /* T0에 있으나 게시판 화면이 안 쓰는 값(1:1 유지 목적, 정의만) */ --board-t0-sky: #9BBBD4; --board-t0-preview-text: #141413; /* ── T0에 없는 값(코드에만 있음, 화면 색 유지) ── */ --board-scrim: rgba(5, 8, 18, .72); /* 오버레이·스크림 바탕 (T0 없음) */ --board-error-text: #ff8a8a; /* G2 오류 글자 (T0 없음, T0 코랄은 --board-rule) */ --board-log-me: #3DD5F3; /* 참여 기록 '나' 줄 (T0 "참여 기록 색" 네온 블루) */ --board-log-cancel: #5E6883; /* 참여 기록 마감 행 글자색 (T0 없음) */ --board-log-cancel-alpha: .4; /* 참여 기록 취소 행 알파 (T0 문구 "알파 40%"의 수치화) */ --board-press-scale: .96; /* 복사 영역 눌림 효과 (T0 없음) */ --board-press-dim: .7; --board-press-ms: 120ms; /* ── T0 간격 ── */ --board-btn-h: 52px; /* 버튼 높이 */ --board-fade-h: 40px; /* 하단 고정 영역 위 페이드 높이 */ --board-header-fade-h: 16px; /* 헤더 아래 선 밑 페이드 높이(TICKET-581) */ /* ── TICKET-572 0-2: 공통 부품 통합(헤더·레이드 카드·다이얼로그·바텀시트) 전용 신규 토큰 ── 글꼴·치수 토큰 전면 도입은 이번 범위가 아니다(기존 22개 CSS 파일 하드코딩은 다음 티켓 최우선 — doc/reports/TICKET-572/component-audit.md). 여기는 이번에 새로 만든 5개 매크로가 실제로 쓰는 값만 추가한다(T0AtomicC.dc.html "4-1 레이드 카드"·"4-2 다이얼로그"· "4-3 바텀시트"·"5-1 BI 로고 묶음" 절 그대로). */ --board-font-display: 'Black Han Sans', sans-serif; --board-font-body: 'Gothic A1', sans-serif; --board-font-mono: 'Chakra Petch', sans-serif; --board-card-radius: 20px; /* 레이드 카드·다이얼로그 공통 모서리(다이얼로그는 24) */ --board-sheet-radius: 24px; /* 바텀시트 모서리 */ --board-card-shadow-soft: rgba(0, 0, 0, .35); /* 레이드 카드 그림자(T0C 4-1 "그림자" 줄) */ --board-card-shadow-strong: rgba(0, 0, 0, .5); /* 주최자 링크 카드 겹침 때 큰 카드 그림자 진하게 */ --board-card-bg-size-post: 156px; /* 글 카드 보스 그림(카드 배경 모드, 오른쪽 끝 페이드) */ --board-card-bg-size-home: 150px; /* 홈 카드 보스 그림 */ --board-card-bg-size-qj: 118px; /* 빠른 참여 카드 보스 그림 */ --board-card-name-size: 36px; /* 글 카드 보스 이름(홈 24, 빠른 참여 19는 기존 토큰/클래스 유지) */ --board-card-mark-size: 20px; /* 글 카드 구분 마크 한 변(홈은 18, 인라인으로 축소) */ --board-card-oneliner-size: 15px; /* 글 카드 한마디 */ --board-tray-count-size: 52px; /* 글 카드 아래 띠 인원 숫자 */ --board-tray-glow-start: #17305A; /* 아래 띠 오른쪽 아래에서 번지는 원형 그라디언트 시작색 */ --board-tray-glow-end: #0F1528; /* 그라디언트 끝색(이너 바탕과 같음) */ /* 보스 성급 표시 공통 부품(T0C 4-3 "성급 표시", TICKET-610) — 이름 위 한 줄, 높이 10 고정 */ --board-tier-row-h: 10px; --board-tier-margin-top: -2px; --board-tier-icon-w: 6px; --board-tier-icon-h: 5px; --board-tier-gap: 3px; --board-tier-icon-opacity: .7; /* ── 친구 찾기 부품(T0-D, TICKET-625, PRD-047/AC-4) — 목적 색 4개와 같은 색 14% 바탕(D-3), 치수는 T0-D 수치 ── 선물=팀 노랑·레이드=규칙 코랄과 같은 값이라 그 토큰을 가리킨다. */ --board-purpose-gift: var(--board-team-yellow); /* #F5C542 */ --board-purpose-raid: var(--board-rule); /* #FF8A80 */ --board-purpose-trade: #7EE0A0; --board-purpose-friend: #FF8FA3; --board-purpose-gift-bg: rgba(245, 197, 66, .14); --board-purpose-raid-bg: rgba(255, 138, 128, .14); --board-purpose-trade-bg: rgba(126, 224, 160, .14); --board-purpose-friend-bg: rgba(255, 143, 163, .14); --board-top-tabs-gap: 18px; /* D-1 헤더: 로고·탭 사이 */ --board-friend-filter-h: 36px; /* D-2 칩 필터 */ --board-friend-filter-gap: 6px; --board-friend-filter-radius: 10px; --board-friend-grid-gap: 7px 8px; /* D-4 타일 그리드(세로 7·가로 8) */ --board-friend-grid-top: 12px; --board-friend-tile-h: 110px; --board-friend-tile-radius: 14px; --board-friend-tile-pad: 12px; --board-friend-tile-gap: 7px; /* 칩 줄 ↔ 한마디 */ --board-friend-say-h: 35px; /* 한마디 두 줄 높이(12 × 1.45 × 2) */ --board-friend-dot: 7px; --board-friend-chip-radius: 4px; /* D-3 작은 칩 */ --board-friend-chip-pad: 1px 5px; --board-friend-chip-gap: 3px; --board-friend-chip-emoji-radius: 5px; /* D-3 이모지 칩 */ --board-friend-chip-emoji-pad: 2px 6px; --board-friend-foot-gap: 5px; /* D-4 타일 맨 아래 줄: 점·이름·시각 사이 */ /* ── 친구 카드 팝업(T0-D D-5, TICKET-626, PRD-047/AC-13) — 정본 p2-FriendRow-g6ic-7lsd-glow*.html 수치 ── */ --board-friend-card-w: 277px; --board-friend-card-h: 411px; --board-friend-card-radius: 20px; --board-friend-card-pad: 18px; --board-friend-card-z: 30; /* 헤더·하단 영역(5)·다이얼로그(10) 위, 토스트(60) 아래 */ --board-friend-dialog-z: 40; /* 내 카드 팝업(30) 위에 뜨는 삭제 확인 다이얼로그 — 토스트(60) 아래 */ --board-friend-card-close-gap: 28px; /* 카드 ↔ 닫기 동그라미 */ --board-friend-card-close-size: 45px; --board-friend-card-mine-top: 80px; /* D-8 내 카드(F4)는 남의 카드(120)보다 위 */ --board-friend-actions-gap: 12px; /* D-8 카드 ↔ 버튼 줄 ↔ 닫기 동그라미 */ --board-friend-actions-btn-gap: 8px; /* D-8 두 버튼 사이 */ --board-friend-actions-wait-gap: 8px; /* D-8 버튼 줄 ↔ 대기 안내 */ --board-friend-actions-wait-after: 2px; /* D-8 대기 안내 ↔ 닫기 동그라미는 그룹 간격 12 + 이만큼(정본 14) */ --board-friend-actions-disabled-opacity: .38; /* D-8 대기 중 [끌어올리기] */ --board-friend-actions-h: 44px; --board-friend-actions-radius: 12px; --board-friend-card-head-h: 20px; --board-friend-card-head-gap: 4px; --board-friend-card-who-top: 20px; --board-friend-card-who-gap: 12px; --board-friend-card-initial-size: 52px; --board-friend-card-initial-ring: 3px; /* 이니셜 원 테두리 두께 = 바깥 링 두께 */ --board-friend-card-initial-ring-pct: 15%; /* 바깥 링 = 팀 색 15% */ --board-friend-card-name-gap: 3px; --board-friend-card-rule-top: 18px; --board-friend-card-rule-w: 1.5px; --board-friend-card-rule-bleed: 10px; /* 점선이 안쪽 패딩 밖으로 나가는 양(양쪽) */ --board-friend-card-border-w: 1px; /* 외곽선 굵기 */ --board-friend-card-say-top: 16px; --board-friend-card-time-top: 6px; /* 한마디 아래 작성 시각 줄 */ --board-friend-card-code-top: 14px; --board-friend-card-code-pad: 11px 14px; --board-friend-card-code-radius: 14px; --board-friend-card-code-gap: 3px; --board-friend-card-hint-top: 8px; --board-friend-card-mark-size: 380px; /* 오른쪽 아래 로고 링 워터마크 */ --board-friend-card-mark-off: -130px; --board-friend-card-mark-opacity: .015; --board-friend-card-drop: 0 18px 20px var(--board-shadow); /* drop-shadow 인자 */ --board-friend-card-glow-lo-r: 8px; /* 반짝임 약(블러) */ --board-friend-card-glow-hi-r: 22px; /* 반짝임 강(블러) */ --board-friend-card-glow-still-r: 15px; /* 움직임 줄이기: 고정 빛 */ --board-friend-card-glow-ms: 2.4s; --board-friend-glow-lo: 19%; /* 팀 색 반짝임 세기(팀 색의 %) */ --board-friend-glow-hi: 50%; --board-friend-glow-still: 34%; --board-friend-glow-none-lo: 12%; /* 팀 없음은 회색에 약하게 */ --board-friend-glow-none-hi: 36%; --board-friend-glow-none-still: 24%; /* F3 내 카드 등록 · D-6 네임카드 · D-7 목적 선택 (TICKET-627, 정본 p2-FriendWrite.html·T0D D-6·D-7) */ --board-friend-write-title-top: 6px; /* 화면 제목 위 */ --board-friend-write-title-size: 24px; --board-friend-write-card-top: 16px; /* 제목 ↔ 네임카드 */ --board-friend-write-section-top: 18px; /* 네임카드 ↔ 목적 제목 · 목적 선택 ↔ 한마디 */ --board-friend-write-picker-top: 10px; /* 목적 제목 ↔ 2×2 */ --board-friend-write-label-gap: 6px; /* "한마디" 라벨 ↔ 입력 칸 */ --board-friend-write-field-h: 50px; /* 정본 .fld는 content-box라 높이 48 + 테두리 1×2 */ --board-friend-write-field-radius: 12px; --board-friend-write-field-pad: 14px; --board-friend-write-foot-bottom: 24px; /* 하단 고지 줄 아래 */ --board-friend-write-count-right: 15px; /* 글자 수 표시 오른쪽 끝(패딩 14 + 테두리 1) */ --board-friend-write-count-room: 52px; /* 입력 칸 오른쪽, 글자 수 표시(0/100) 자리 */ --board-friend-write-notice-gap: 6px; /* [등록] 위 안내 ↔ 버튼 */ --board-friend-namecard-h: 112px; --board-friend-namecard-radius: 18px; --board-friend-namecard-pad: 16px; --board-friend-namecard-gap: 14px; --board-friend-namecard-initial: 56px; --board-friend-namecard-ring: 3px; /* 이니셜 원 팀 색 테두리 */ --board-friend-namecard-row-gap: 3px; /* 이름 · 코드 · 팀 줄 사이 */ --board-friend-picker-gap: 6px; --board-friend-picker-radius: 12px; --board-friend-picker-pad: 10px 12px; --board-friend-picker-desc-top: 2px; /* 다이얼로그·바텀시트 공용 "위쪽 하늘 그라데이션 테두리"(T0C 4-2·4-3, 1.5px solid transparent + 이중 배경 트릭 — padding-box는 바탕색, border-box는 이 그라데이션). 기존 "border-top 1px solid accent" 단색 테두리를 대체한다. */ --board-glow-border-grad: linear-gradient(180deg, rgba(61, 213, 243, .22) 0%, rgba(0, 0, 0, 0) 45%); /* ── 템플릿 정비 P1(TICKET-641, PRD-050/AC-1) — 새 부품(뒤로 줄·섹션 머리·입력 칸·계정 부품·기록 줄)용 ── 값은 전부 정본(T1 10·T0-E E-1~E-8의 CSS)에 실제로 쓰인 값이다. 같은 값·같은 뜻의 토큰이 이미 있으면 만들지 않았다(색은 기존 --board-text-faint·accent·surface 등, 간격은 --board-friend-namecard-* · --board-btn-h 등을 부품 CSS가 그대로 쓴다). "T0 없음" = T0-A 1-1~1-3에 항목이 없고 T0-E·T1 본문/CSS에만 있는 값. */ /* 글자 크기 단계 — T0-A 1-2는 크기 스케일 항목이 없다(T0 없음). 정본 부품 CSS에 쓰인 크기만 */ --board-font-size-11: 11px; /* 칩·기록 줄 보조(T0 없음 — T0-A 2-1 칩 11/800과 같은 값) */ --board-font-size-12: 12px; /* 라벨·시간·묶음 머리(T0 없음) */ --board-font-size-13: 13px; /* 섹션 머리·링크·소개·팀 선택(T0 없음) */ --board-font-size-14: 14px; /* 기록 줄 보스 이름(T0 없음) */ --board-font-size-15: 15px; /* 입력 칸·행 버튼·추가 버튼(T0 없음) */ --board-font-size-16: 16px; /* 트레이너 코드(T0 없음) */ --board-font-size-17: 17px; /* 일반 트레이너 이름(T0 없음) */ --board-font-size-18: 18px; /* 뒤로 줄 제목(T1 10) */ --board-font-size-20: 20px; /* 프로필 닉네임·대표 이름·다이얼로그 이름 줄(T0 없음) */ --board-font-size-22: 22px; /* 다이얼로그 제목(T0-E E-8) */ /* T1 10 뒤로 줄 */ --board-back-row-h: 52px; /* 맨 윗줄 높이(T1 10) */ --board-back-btn: 44px; /* [‹] 터치 영역(T1 10) */ --board-back-icon: 22px; /* [‹] 아이콘(T1 10) */ /* T0-E E-1 섹션 머리 + 오른쪽 링크 — 크기는 font-size-13, 색은 text-faint·accent */ --board-section-head-spacing: 1px; /* 자간(T0 없음) */ /* 입력 칸(T0-E CSS .fld/.lbl/.cnt, 항목 없음 — TR 발행 대상) */ --board-field-h: 48px; /* box-sizing:border-box 기준 높이(T0 없음). 친구 등록 입력 50은 별도 */ --board-field-pad: 0 12px 0 14px; /* 왼쪽 14·오른쪽 12(T0 없음) */ --board-dice-size: 36px; /* 이름 무작위 버튼(T0 없음) */ --board-dice-radius: 10px; --board-dice-gap: 10px; --board-dice-bleed: -6px; /* 입력 칸 오른쪽 안쪽 여백으로 파고드는 양 */ --board-avatar-grid-cols: 6; /* 아바타 고르기(T0 없음) */ --board-avatar-grid-btn: 40px; --board-avatar-grid-row-gap: 8px; --board-avatar-grid-pad: 10px 12px; --board-avatar-grid-emoji: 20px; --board-avatar-grid-on-w: 2px; /* 고른 칸 테두리 */ --board-team-pick-cols: 4; /* 팀 선택 4칸(T0-E .team, 지금 코드는 3칸). 높이 44·모서리 12·간격 6은 기존 토큰 */ --board-team-pick-inner-gap: 6px; /* 팀 점 ↔ 글자 */ --board-lock-pad: 8px 12px; /* 수정 못 함 안내(.lock, T0 없음) */ --board-lock-radius: 10px; --board-tabs-pad: 3px; /* 2칸 탭(.tabs, T0 없음) */ --board-tabs-h: 38px; --board-tabs-radius: 12px; --board-tabs-item-radius: 9px; /* 칩(T0-A 2-1 칩 모서리 6) — 상태 칩 ·"대표" 칩 */ --board-chip-radius: 6px; --board-chip-pad: 4px 8px; /* 하늘 "대표" 칩 기본(T0 없음) */ --board-chip-pad-state: 3px 7px; /* 기록 줄 상태 칩(T0 없음) */ --board-chip-pad-mini: 2px 7px; /* 내 정보의 작은 "대표" 칩(10px, T0 없음) */ --board-chip-size-mini: 10px; /* T0-E E-2 프로필 보기 카드 — 카드 18·패딩 16·테두리 3은 --board-friend-namecard-radius/-pad/-ring */ --board-profile-avatar: 64px; --board-profile-avatar-emoji: 32px; --board-profile-bio-top: 4px; /* T0-E E-3 트레이너 카드 — 일반(112)은 --board-friend-namecard-* 그대로, 대표(136)만 추가 */ --board-trainer-main-h: 136px; --board-trainer-main-pad: 18px; --board-trainer-main-initial: 68px; --board-trainer-main-initial-font: 34px; --board-trainer-initial-font: 28px; --board-trainer-main-border-w: 1.5px; --board-trainer-main-border: rgba(61, 213, 243, .45); /* 대표 카드 테두리 하늘 45% */ --board-trainer-chip-top: 12px; /* 오른쪽 위 "대표" 칩 */ --board-trainer-chip-right: 14px; --board-trainer-arrow-size: 22px; /* 오른쪽 › */ --board-trainer-arrow-pad: 0 2px; /* T0-E E-4 추가 버튼 · 한도 안내 (높이 52는 --board-btn-h) */ --board-btn-radius: 16px; /* 주 버튼·점선 버튼 모서리(.btn과 같은 값, T0-E E-4/CSS .btn) */ --board-dashed-w: 1.5px; --board-add-btn-gap: 6px; --board-add-plus-size: 18px; --board-limit-note-pad: 6px 0; /* T0-E E-5 관리 버튼 줄 (높이 52는 --board-btn-h) */ --board-row-btn-radius: 14px; --board-row-btn-pad-x: 16px; --board-row-btn-gap: 6px; --board-row-btn-top: 28px; /* 주 버튼 아래 위 간격(잘못 누름 방지, E-5 본문) */ /* T0-E E-6 기록 줄 · 날짜 묶음 / E-7 참여 기록 줄 */ --board-record-gap: 10px; --board-record-pad-y: 11px; --board-record-sub-gap: 4px; /* 보스 이름 ↔ 주최 닉 */ --board-record-group-pad: 4px 0; /* 날짜 묶음 머리(첫 묶음) */ --board-record-group-top: 14px; /* 두 번째부터 위 간격 */ --board-log-row-h: 40px; /* E-7 */ --board-log-dot: 8px; --board-log-dot-gap: 6px; /* T0-E E-8 다이얼로그 이름 줄 (이름 20은 font-size-20, 제목 22는 font-size-22) */ --board-dialog-name-gap: 2px; /* 이름 줄 ↔ 제목 */ }