/* =================================================================
   Gold Apple — Skin v2 (Hero 톤 계승 · 기능 구조 그대로)
   paper/canvas/ink/gold/subink 체계를 기존 blue/navy 페이지에 오버레이
   ================================================================= */

body.skin-v2 {
  --paper:#f5efe0;
  --canvas:#ebe2cb;
  --line:#d3c7a7;
  --subink:#3a2f1a;
  --ink:#1a1208;
  --ink-2:#0e0905;
  --gold:#c7a24a;
  --gold-deep:#8c6b1f;
  --gold-bright:#e6c06a;

  background: var(--paper) !important;
  font-family: 'Pretendard Variable','Pretendard',system-ui,sans-serif !important;
  letter-spacing: -0.01em;
  color: var(--ink) !important;
  word-break: keep-all; overflow-wrap: break-word;
}

/* ───── Pretendard / JetBrains / Cormorant 로드 ───── */
@import url('/_Css/cdn/pretendard.css');
@import url('/_Css/cdn/google-fonts.css');

body.skin-v2 * { box-sizing: border-box; }

/* ───── 상단 헤더 (bt-home 파란바 → Hero 브라운) ───── */
body.skin-v2 #header-wrap,
body.skin-v2 header,
body.skin-v2 .header,
body.skin-v2 .top-bar,
body.skin-v2 .GoldApple_Top,
body.skin-v2 #top-header {
  background: linear-gradient(180deg, var(--ink-2) 0%, var(--ink) 100%) !important;
  border-bottom: 1px solid var(--gold-deep) !important;
  position: relative;
}
/* Search/Sign out 등 잔존 파란 버튼 강제 브라운화 */
body.skin-v2 input[type="button"][value*="earch" i],
body.skin-v2 button[type="submit"],
body.skin-v2 .btn-search,
body.skin-v2 #btnSearch,
body.skin-v2 .btn.btn-primary,
body.skin-v2 .btn-primary,
body.skin-v2 a.btn-search,
body.skin-v2 .search-btn {
  background: var(--gold) !important;
  color: var(--ink) !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: 'JetBrains Mono', monospace !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  padding: 14px 28px !important;
}
body.skin-v2 .bt-signout,
body.skin-v2 .btn-signout,
body.skin-v2 #btnSignout,
body.skin-v2 a.signout,
body.skin-v2 button.signout,
body.skin-v2 [class*="signout"],
body.skin-v2 [class*="logout"] {
  background: var(--ink) !important;
  color: var(--paper) !important;
  border: 0 !important;
  border-radius: 0 !important;
}
/* Confirm 버튼(buy page 메인 액션) */
body.skin-v2 .btn-confirm,
body.skin-v2 #btnConfirm,
body.skin-v2 button[class*="confirm" i],
body.skin-v2 input[value*="CONFIRM" i],
body.skin-v2 input[value*="Confirm" i] {
  background: var(--gold) !important;
  color: var(--ink) !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: 'JetBrains Mono', monospace !important;
  letter-spacing: 0.14em !important;
  padding: 18px 40px !important;
  font-weight: 600 !important;
}
/* Quantity + / - 색 정리 */
body.skin-v2 .btn-minus, body.skin-v2 button.qty-minus, body.skin-v2 .minus-btn,
body.skin-v2 .btn-100, body.skin-v2 .btn-10, body.skin-v2 .btn-1 {
  background: rgba(139,58,58,0.08) !important;
  color: #8b3a3a !important;
  border: 1px solid rgba(139,58,58,0.25) !important;
}
body.skin-v2 .btn-plus, body.skin-v2 button.qty-plus, body.skin-v2 .plus-btn,
body.skin-v2 .btnplus-1, body.skin-v2 .btnplus-10, body.skin-v2 .btnplus-100 {
  background: rgba(140,107,31,0.08) !important;
  color: var(--gold-deep) !important;
  border: 1px solid rgba(140,107,31,0.25) !important;
}

/* Copy referral / My Information 링크 */
body.skin-v2 a[href*="Copy"],
body.skin-v2 a[href*="myinfo"],
body.skin-v2 .copy-ref-link,
body.skin-v2 .my-info-link {
  color: var(--gold-deep) !important;
}
body.skin-v2 #header {
  background: transparent !important;
  color: var(--paper);
}
body.skin-v2 #header .bt-home,
body.skin-v2 #header .bt-mnall,
body.skin-v2 #header .bt-home .blind,
body.skin-v2 #header .bt-mnall .blind { color: var(--paper); }
body.skin-v2 #header #logo {
  background: none !important;
  text-indent: -99999px;
  position: relative;
}
body.skin-v2 #header #logo::after {
  content: "GOLD APPLE";
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  text-indent: 0; color: var(--paper); font-weight: 800; letter-spacing: -0.03em;
  font-family: 'Cormorant Garamond','Noto Serif KR',serif; font-style: italic; font-size: 22px;
}
body.skin-v2 .Top-intro a.mov {
  color: rgba(245,239,224,0.75) !important;
  font-family: 'JetBrains Mono',monospace; text-transform: uppercase; letter-spacing: 0.12em; font-size: 11px;
}
body.skin-v2 .language ul.flag li a { opacity: 0.8; filter: brightness(1.1); }

/* ───── PC 탭 네비 (NEW_NAV3 파란 → paper + gold underline) ───── */
body.skin-v2 .NEW_NAV3 {
  background: var(--paper) !important;
  border-bottom: 1px solid var(--line);
}
body.skin-v2 .NEW_NAV3 table { background: transparent; }
body.skin-v2 .NEW_NAV3 td {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid var(--line) !important;
  position: relative;
}
body.skin-v2 .NEW_NAV3 td:last-child { border-right: 0 !important; }
body.skin-v2 .NEW_NAV3 td a.lm_a2 {
  color: var(--subink) !important;
  background: transparent !important;
  font-family: 'JetBrains Mono',monospace !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 12px !important;
  font-weight: 500;
  padding: 20px 12px !important;
  display: block;
  transition: color 500ms cubic-bezier(0.19,1,0.22,1);
}
body.skin-v2 .NEW_NAV3 td a.lm_a2:hover { color: var(--ink) !important; }
body.skin-v2 .NEW_NAV3 td.active a.lm_a2,
body.skin-v2 .NEW_NAV3 td a.lm_a2.active {
  color: var(--gold-deep) !important;
  background: var(--canvas) !important;
}
body.skin-v2 .NEW_NAV3 td.active::after,
body.skin-v2 .NEW_NAV3 td:has(a.active)::after {
  content: ""; position: absolute; left: 8%; right: 8%; bottom: 0; height: 2px; background: var(--gold);
}
body.skin-v2 .NEW_NAV3 td a.charge {
  color: var(--ink) !important;
  background: var(--gold) !important;
}

/* ───── 서브 좌측 네비 + 기타 디폴트 색 오버라이드 ───── */
body.skin-v2 #subNavi,
body.skin-v2 #subNavi * {
  color: var(--paper) !important;
}
body.skin-v2 #subNavi {
  background: linear-gradient(180deg, var(--ink) 0%, var(--ink-2) 100%) !important;
  border-left: 1px solid var(--gold-deep);
}
body.skin-v2 #subNavi a,
body.skin-v2 #subNavi li a {
  color: rgba(245,239,224,0.82) !important;
}
body.skin-v2 #subNavi a:hover { color: var(--gold-bright) !important; }

/* ───── 메인 컨테이너 ───── */
body.skin-v2 #container-wrap,
body.skin-v2 .mcontainer {
  background: var(--paper) !important;
}
body.skin-v2 #contents {
  background: transparent !important;
}
body.skin-v2 .div-cont { background: transparent !important; }

/* ───── 페이지 타이틀 (Gold Apple Project / Assets) ───── */
body.skin-v2 h1, body.skin-v2 h2, body.skin-v2 h3, body.skin-v2 h4 {
  color: var(--ink) !important;
  letter-spacing: -0.03em;
  font-weight: 800;
}
body.skin-v2 .asset-tit, body.skin-v2 .page-title, body.skin-v2 .tit-cont {
  background: transparent !important;
  color: var(--ink) !important;
}
body.skin-v2 .asset-tit h1, body.skin-v2 .asset-tit h2 {
  font-family: 'Cormorant Garamond','Noto Serif KR',serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: clamp(40px,5vw,72px) !important;
  letter-spacing: -0.025em;
}
body.skin-v2 .asset-tit .gold, body.skin-v2 .asset-tit em {
  color: var(--gold-deep) !important;
}

/* ───── Assets 5카드 그리드 ───── */
body.skin-v2 .assets-group,
body.skin-v2 .asset-group {
  background: transparent !important;
  gap: 0 !important;
}
body.skin-v2 .assetcont {
  background: var(--paper) !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  padding: 28px 24px !important;
  position: relative;
  transition: background 700ms cubic-bezier(0.19,1,0.22,1);
}
body.skin-v2 .assetcont:hover { background: #fffaf0 !important; }
body.skin-v2 .assetcont img {
  width: 20px !important; height: 20px !important; opacity: 0.7;
  filter: sepia(1) saturate(3) hue-rotate(10deg) brightness(0.85);
}
body.skin-v2 .assetcont p {
  color: var(--subink) !important;
  font-family: 'JetBrains Mono',monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase;
  margin: 0 0 12px !important;
  font-weight: 500;
}
body.skin-v2 .assetcont .assets-num,
body.skin-v2 .assetcont .assets-num-perf {
  display: block !important;
  color: var(--ink) !important;
  font-family: 'Pretendard Variable',sans-serif !important;
  font-size: clamp(26px,2.4vw,36px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1 !important;
}

/* ───── 섹션 타이틀 (My Assets history, Buy various items) ───── */
body.skin-v2 .tit, body.skin-v2 .tit-bar, body.skin-v2 .section-tit,
body.skin-v2 .asset-tit2, body.skin-v2 h3.tit {
  color: var(--ink) !important;
  font-size: clamp(22px,2vw,30px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  position: relative;
  padding-left: 14px;
  margin: 40px 0 24px !important;
}
body.skin-v2 .tit::before,
body.skin-v2 .tit-bar::before,
body.skin-v2 .section-tit::before,
body.skin-v2 .asset-tit2::before,
body.skin-v2 h3.tit::before {
  content: ""; position: absolute; left: 0; top: 10%; bottom: 10%; width: 3px; background: var(--gold);
}

/* ───── 폼 (input/select/button) ───── */
body.skin-v2 input[type="text"],
body.skin-v2 input[type="number"],
body.skin-v2 input[type="date"],
body.skin-v2 input[type="password"],
body.skin-v2 input[type="email"],
body.skin-v2 select,
body.skin-v2 textarea {
  background: var(--paper) !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  font-family: 'Pretendard Variable',sans-serif !important;
  font-size: 15px !important;
  padding: 12px 16px !important;
  letter-spacing: -0.01em;
  transition: border-color 400ms cubic-bezier(0.19,1,0.22,1);
}
body.skin-v2 input:focus,
body.skin-v2 select:focus,
body.skin-v2 textarea:focus {
  outline: 0;
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px rgba(199,162,74,0.18);
}
body.skin-v2 label, body.skin-v2 .label {
  color: var(--subink) !important;
  font-family: 'JetBrains Mono',monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

/* 버튼 */
body.skin-v2 button,
body.skin-v2 .btn,
body.skin-v2 input[type="submit"],
body.skin-v2 a.btn {
  background: var(--ink) !important;
  color: var(--paper) !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 14px 28px !important;
  font-family: 'JetBrains Mono',monospace !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  font-weight: 500;
  transition: background 500ms cubic-bezier(0.19,1,0.22,1), transform 300ms;
  cursor: pointer;
}
body.skin-v2 button:hover,
body.skin-v2 .btn:hover,
body.skin-v2 input[type="submit"]:hover,
body.skin-v2 a.btn:hover {
  background: var(--gold-deep) !important;
  transform: translateY(-1px);
}
body.skin-v2 .btn-search, body.skin-v2 .btn-confirm,
body.skin-v2 button[type="submit"] {
  background: var(--gold) !important;
  color: var(--ink) !important;
}
body.skin-v2 .btn-search:hover, body.skin-v2 .btn-confirm:hover {
  background: var(--gold-bright) !important;
}

/* Quantity ± 버튼 */
body.skin-v2 .btn-minus, body.skin-v2 .qty-minus, body.skin-v2 button.minus,
body.skin-v2 .btn.btn-danger, body.skin-v2 input[value="-100"], body.skin-v2 input[value="-10"], body.skin-v2 input[value="-1"] {
  background: transparent !important;
  color: #8b3a3a !important;
  border: 1px solid rgba(139,58,58,0.3) !important;
}
body.skin-v2 .btn-plus, body.skin-v2 .qty-plus, body.skin-v2 button.plus,
body.skin-v2 .btn.btn-success, body.skin-v2 input[value="+100"], body.skin-v2 input[value="+10"], body.skin-v2 input[value="+1"] {
  background: transparent !important;
  color: var(--gold-deep) !important;
  border: 1px solid rgba(140,107,31,0.3) !important;
}

/* ───── 테이블 ───── */
body.skin-v2 table {
  background: var(--paper) !important;
  border-collapse: collapse;
}
body.skin-v2 table th {
  background: var(--canvas) !important;
  color: var(--subink) !important;
  font-family: 'JetBrains Mono',monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  padding: 16px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  text-align: left;
}
body.skin-v2 table td {
  background: var(--paper) !important;
  color: var(--ink) !important;
  font-family: 'Pretendard Variable',sans-serif !important;
  font-size: 15px !important;
  padding: 18px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}
body.skin-v2 table tr:hover td { background: #fffaf0 !important; }

/* ───── Sign out / 상단 우측 버튼 ───── */
body.skin-v2 .bt-signout, body.skin-v2 .signout, body.skin-v2 .btn-signout,
body.skin-v2 a[href*="logout"], body.skin-v2 button.logout {
  background: var(--ink) !important;
  color: var(--paper) !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Copy referral / My information */
body.skin-v2 .copy-ref, body.skin-v2 .my-info, body.skin-v2 a[href*="referral"], body.skin-v2 a[href*="info"] {
  color: var(--subink) !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* ───── Password placeholder & Password 빈 테이블 ───── */
body.skin-v2 input[placeholder*="Password"],
body.skin-v2 input[placeholder*="assword"] {
  font-family: 'Pretendard Variable',sans-serif !important;
}

/* ───── 푸터 ───── */
body.skin-v2 #footer, body.skin-v2 footer, body.skin-v2 .footer {
  background: linear-gradient(180deg, var(--ink) 0%, var(--ink-2) 100%) !important;
  color: rgba(245,239,224,0.7) !important;
  border-top: 1px solid var(--gold-deep);
}
body.skin-v2 #footer *, body.skin-v2 footer *, body.skin-v2 .footer * {
  color: inherit !important;
}

/* 스크롤바 (webkit) */
body.skin-v2::-webkit-scrollbar { width: 10px; }
body.skin-v2::-webkit-scrollbar-track { background: var(--canvas); }
body.skin-v2::-webkit-scrollbar-thumb { background: var(--gold-deep); border-radius: 0; }

/* ───── 반응형 여백 조정 ───── */
@media (max-width: 768px) {
  body.skin-v2 .assetcont { padding: 20px 16px !important; }
  body.skin-v2 .assetcont .assets-num { font-size: 22px !important; }
  body.skin-v2 table th, body.skin-v2 table td { padding: 12px 10px !important; font-size: 13px !important; }
}

/* ───── Edit Hero-like 페이지 타이틀 박스 ───── */
body.skin-v2 .page-hero {
  background: linear-gradient(135deg, var(--canvas) 0%, var(--paper) 100%);
  padding: clamp(40px,6vw,80px) clamp(20px,4vw,64px);
  border-bottom: 1px solid var(--line);
  position: relative;
  overflow: hidden;
}
body.skin-v2 .page-hero::before {
  content: attr(data-word);
  position: absolute; right: -2%; bottom: -40%;
  font-family: 'Cormorant Garamond',serif; font-style: italic; font-weight: 500;
  color: rgba(26,18,8,0.05);
  font-size: clamp(180px,22vw,400px);
  letter-spacing: -0.04em; line-height: 0.85;
  pointer-events: none; user-select: none; white-space: nowrap;
}
body.skin-v2 .page-hero .eyebrow {
  font-family: 'JetBrains Mono',monospace;
  font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--gold-deep); margin-bottom: 12px;
}
body.skin-v2 .page-hero h1 {
  font-family: 'Cormorant Garamond','Noto Serif KR',serif !important;
  font-weight: 500 !important;
  font-style: normal;
  font-size: clamp(44px,6vw,96px) !important;
  letter-spacing: -0.03em !important;
  line-height: 1 !important;
  margin: 0 !important;
  color: var(--ink);
}
body.skin-v2 .page-hero h1 em {
  font-style: italic; color: var(--gold-deep); font-weight: 500;
}
body.skin-v2 .page-hero .lead {
  margin-top: 16px; color: var(--subink); font-size: 16px; line-height: 1.7; max-width: 56ch;
}

/* ───── 섹션 서브 타이틀 (파란 아이콘 제거 + 골드 텍스트) ───── */
body.skin-v2 .sub-title-01,
body.skin-v2 .sub-title-02 {
  background-image: none !important;
  padding-left: 0 !important;
  color: var(--gold-deep) !important;
  border-bottom: 1px solid var(--gold-deep) !important;
  font-weight: 600;
  letter-spacing: -0.005em;
}
body.skin-v2 .sub-title-01 span u {
  color: var(--gold) !important;
}
body.skin-v2 .sub-exp { color: var(--subink) !important; }