/* ============================================================ 이블리 타로 — 공용 테마 v1 (2026-07) 컨셉: 손그림 + 타자기 감성 (Chani 스타일 참고) - 전체 UI: 고운돋움 (Gowun Dodum) - 생년월일 폼 등: 개구 (Gaegu) — .font-gaegu 또는 페이지 전용 스타일 - 손그림 칸: .hand 클래스 (비뚤배뚤 모서리 + 점선) 수정은 이 파일 한 곳에서! 각 페이지 에 연결되어 있음. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Gaegu:wght@400;700&display=swap'); /* ── 0. 모바일 다크모드 강제 반전 차단 ── 안드로이드 크롬 등이 흰 사이트를 멋대로 어둡게 뒤집는 것 방지. 화이트 컨셉은 어디서든 화이트로 유지된다. */ html{color-scheme:only light;} /* ── 1. 글씨체 전환: 사이트 전체 → 고운돋움 (제목·본문·버튼·약관 전부) ── */ :root{ --sans:'Gowun Dodum','Pretendard','Apple SD Gothic Neo',sans-serif; --serif:'Gowun Dodum','Noto Serif KR',serif; /* 명조 지정된 곳까지 싹 교체 */ --gaegu:'Gaegu',cursive; } /* 페이지별 인라인 스타일보다 무조건 이기도록 — 사이트 전체 강제 통일 */ body, body *{ font-family:'Gowun Dodum','Pretendard',sans-serif !important; } /* 예외: 개구체 (사주 입력폼 등 — 클래스 지정이 위 규칙보다 우선순위 높음) */ .font-gaegu, .font-gaegu *, .finput, .flabel, .du-label, .gbtn, .cbtn, .notime-label, .date-unit input, .form-body{ font-family:'Gaegu',cursive !important; } /* ── 1.4 금색 전면 은퇴 (빈티지 컨셉) ── 각 페이지가 var(--gold…)로 쓰던 금색을 잉크/회색으로 강제 전환. 포인트 색은 붉은 실(#b23b31) 하나만 페이지별로 사용. */ :root{ --gold:#1a1a1a !important; --gold2:#1a1a1a !important; --gold3:#555555 !important; --golddim:#8a8a8a !important; --goldborder:rgba(43,43,43,.45) !important; --goldborderhov:#2b2b2b !important; --accent:#b23b31; } /* ── 1.5 상단 로고 통일: 모든 페이지 = index 스타일 ── */ .nlen{display:none !important;} /* 금색 EVELY TAROT 부제 제거 */ .nlkr, .nlbrand{ font-size:18px !important; color:#1a1a1a !important; letter-spacing:.06em !important; font-weight:600 !important; } /* ── 1.6 전 페이지 공통 빈티지 규칙 ── */ /* 푸터 링크: 금색 → 잉크 (호버 시 붉은 실) */ footer a[href]{color:#1a1a1a !important;} footer a[href]:hover{color:#b23b31 !important;} /* 모든 입력칸: 손으로 그린 점선 칸 (사이트 전체 통일) */ body input:not([type=checkbox]):not([type=radio]), body textarea, body select{ border:1.4px dashed #2b2b2b !important; background:#ffffff !important; border-radius:255px 14px 225px 14px / 14px 225px 14px 255px !important; color:#1a1a1a !important; } body input:focus, body textarea:focus, body select:focus{border-style:solid !important;outline:none !important;} /* ── 2. 손그림 요소 헬퍼 ── */ /* 손으로 그린 듯한 입력칸/버튼: class="hand" 붙이면 적용 */ .hand{ border:1.6px dashed #2b2b2b !important; border-radius:255px 18px 225px 18px / 18px 225px 18px 255px !important; background:#ffffff !important; } .hand:focus{outline:none;border-style:solid !important;} /* 손그림 알약 버튼 */ .hand-pill{ border:1.6px dashed #2b2b2b !important; border-radius:40px !important; background:#ffffff !important; cursor:pointer; transition:all .15s; } .hand-pill:hover{border-style:solid !important;background:#f6f3ec !important;} /* 손그림 구분선 (살짝 흔들리는 느낌) */ .hand-divider{ border:none; border-top:2px dashed #2b2b2b; margin:1.4rem 0; opacity:.55; } /* ── 3. 라벨: 타자기 대문자 느낌 (한글은 자간으로) ── */ .hand-label{ font-family:'Gowun Dodum',sans-serif; font-size:12px; letter-spacing:.18em; color:#1a1a1a; margin-bottom:.4rem; display:block; }