/* DeepLink 메인 v2 — 흰색 테마 (home-v2.css 뒤에 덮어씀)
   히어로(PC방 로그인 화면 + 3D 폰)와 마지막 CTA 이미지 카드는 화면 연출이라 그대로 둔다. */

:root {
    --bg: #ffffff;
    --surface: #f5f7f6;
    --surface-2: #eef2f0;
    --line: rgba(10, 20, 15, .08);
    --line-2: rgba(10, 20, 15, .14);
    --text: #0d1512;
    --muted: #5d6763;
    --brand: #00a854;
    --ink-green: #00a050;
}

body { background: var(--bg); color: var(--text); }

/* 흰 바탕 위 글자용 초록은 진하게, 버튼 배경은 네온 유지 */
main .text-brand, main .label, main .hero-kicker { color: var(--ink-green); }
main .text-\[\#00FF85\] { color: var(--ink-green) !important; }

/* ---------- 버튼 ---------- */
main .btn-ghost {
    border-color: rgba(13, 21, 18, .8);
    color: var(--text);
    background: transparent;
    backdrop-filter: none;
}

main .btn-ghost:hover { background: rgba(13, 21, 18, .06); }

/* ---------- 헤더 ---------- */
.site-header {
    background: rgba(255, 255, 255, .82);
    border-bottom-color: var(--line);
}

.site-header .logo { filter: none; }
.site-header nav a { color: #1f2937; }
.site-header nav a:hover { color: var(--ink-green); }

.site-header .search {
    background: #f3f5f4;
    border-color: var(--line-2);
    color: var(--text);
}

.site-header button.text-white { color: #1f2937; }
#mobile-menu { background: #fff; border-color: var(--line); }
#mobile-menu a { color: #1f2937; }

/* ---------- 공통 섹션 ---------- */
.sec-title { color: var(--text); }
main .text-white { color: var(--text) !important; }
main .text-gray-300 { color: #374151 !important; }
main .text-gray-400 { color: var(--muted) !important; }
main .border-white\/10 { border-color: var(--line) !important; }
main .\!border-white\/20 { border-color: rgba(13, 21, 18, .2) !important; }
main .hover\:\!border-\[\#00FF85\]:hover { border-color: var(--ink-green) !important; }

.card { background: var(--surface); }

/* ---------- 미디어 ---------- */
.media-tile { border-color: var(--line); }
.media-tile .text-white { color: #fff !important; }
.media-tile .label { color: var(--neon); }
.media-tile::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0) 45%);
}

.media-tile > span { z-index: 1; }

/* ---------- 순위 티커 ---------- */
.rank-bar { background: linear-gradient(90deg, rgba(0, 200, 100, .1), rgba(0, 200, 100, 0) 40%); }
#game-rank-list span.text-gray-700 { color: #1f2937 !important; }
#game-rank-list span.italic { color: var(--ink-green) !important; }

/* ---------- GPU 스펙 카드 ---------- */
.spec { background: #fff; box-shadow: 0 1px 2px rgba(13, 21, 18, .04); }
.spec:hover { border-color: rgba(0, 160, 80, .45); box-shadow: 0 18px 40px -24px rgba(0, 100, 50, .35); }
.spec::after { background: radial-gradient(circle, rgba(0, 200, 100, .12), transparent 70%); }
.spec-name, .price-big { color: var(--text); }
.meter { background: rgba(13, 21, 18, .08); }
.meter > i { background: var(--brand); }

/* ---------- 원격제어 배너 ---------- */
.remote-band {
    border-color: rgba(0, 168, 84, .25);
    background:
        radial-gradient(70% 90% at 100% 0%, rgba(0, 255, 133, .22), transparent 60%),
        #f1faf5;
}

/* ---------- Why ---------- */
.why { background: #fff; }
.why:hover { border-color: rgba(0, 160, 80, .35); background: #fff; box-shadow: 0 18px 40px -24px rgba(0, 100, 50, .3); }
.why-no { -webkit-text-stroke-color: rgba(13, 21, 18, .2); }
.why-icon { background: rgba(0, 200, 100, .12); color: var(--ink-green); }

/* ---------- 라이선스 ---------- */
.plan { background: #fff; }
.plan-premium { border-color: rgba(0, 168, 84, .5); background: linear-gradient(180deg, rgba(0, 255, 133, .12), rgba(0, 255, 133, 0) 45%), #fff; }
.plan li { color: #374151; }
.plan li i { color: var(--ink-green); }

/* ---------- 인터페이스 ---------- */
.device { box-shadow: 0 40px 80px -40px rgba(13, 21, 18, .45); }

/* ---------- 블로그: 스크립트 기본(흰 카드)으로 되돌림 ---------- */
#blogScrollTrack > a { background: #fff !important; border-color: var(--line-2) !important; }
#blogScrollTrack > a p { color: #4b5563 !important; }

/* ---------- 서비스 / FAQ ---------- */
.svc { background: #fff; }
.faq summary { color: var(--text); }
.faq summary i { color: var(--ink-green); }

/* ---------- 마지막 CTA: 어두운 이미지 카드 유지 ---------- */
.cta { border-color: transparent; }
.cta .sec-title { color: #fff; }
.cta .text-brand { color: var(--neon); }
.cta .btn-ghost { border-color: rgba(255, 255, 255, .7); color: #fff; background: rgba(0, 0, 0, .2); }
.cta .btn-ghost:hover { background: rgba(255, 255, 255, .12); }

/* ---------- 푸터 ---------- */
.site-footer { background: #f5f7f6; border-top-color: var(--line); }
.site-footer .logo { filter: none; opacity: 1; }
.site-footer .text-gray-300 { color: #374151 !important; }
.site-footer .text-gray-400 { color: #6b7280 !important; }
.site-footer .text-gray-600 { color: #d1d5db !important; }
.site-footer .text-white { color: #111827 !important; }
.site-footer .hover\:text-white:hover { color: #111827 !important; }
.site-footer .border-white\/10 { border-color: var(--line) !important; }