/* Kripto Agent — Kullanıcı Web · © 2026 Levent Korkmaz */ * { box-sizing: border-box; margin: 0; padding: 0; } /* Tarayıcının kendi çizdiği öğeler (açılır liste, kaydırma çubuğu, takvim) temaya uysun. Bu satır olmadan koyu temada select açılınca liste beyaz çizilir. */ :root { color-scheme: dark; } [data-tema="acik"] { color-scheme: light; } /* ── TEMA DEĞİŞKENLERİ ── (koyu = varsayılan) */ :root { --sari: #FACC15; --mavi: #3B82F6; --yesil: #22C55E; --bg: #0B1220; --kart: rgba(255,255,255,0.05); /* kart zemini */ --kart2: rgba(255,255,255,0.03); /* iç kutu/satır zemini */ --panel: rgba(255,255,255,0.04); /* yan menü, üst bar */ --kenar: rgba(255,255,255,0.10); /* kenarlık */ --cizgi: rgba(255,255,255,0.05); /* tablo/satır ayracı */ --hover: rgba(255,255,255,0.06); /* üzerine gelme */ --izgara: rgba(255,255,255,0.08); /* bar/ızgara zemini */ --menu-bg: #0f1830; /* açılır liste zemini */ --kod-bg: rgba(0,0,0,0.25); /* rapor metni zemini */ --golge: rgba(0,0,0,0.45); --metin: #ffffff; --soluk: #d5dde9; } /* ── AÇIK TEMA ── (butonla geçilir: ) */ [data-tema="acik"] { --bg: #F7F8FA; --kart: #ffffff; --kart2: #F1F3F7; --panel: #ffffff; --kenar: #E2E6ED; --cizgi: #EDF0F5; --hover: #F1F3F7; --izgara: #E6EAF1; --menu-bg: #ffffff; --kod-bg: #F5F7FA; --golge: rgba(15,23,42,0.10); --metin: #1F2937; --soluk: #5B6676; --yesil: #16A34A; } /* Açık temada arka plan lekeleri yumuşasın */ [data-tema="acik"] .arka-plan::before, [data-tema="acik"] .arka-plan::after { opacity:0.10; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; background: var(--bg); color: var(--metin); min-height: 100vh; } .arka-plan { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; } .arka-plan::before, .arka-plan::after { content:''; position:absolute; border-radius:50%; filter:blur(90px); opacity:0.30; } .arka-plan::before { width:440px; height:440px; background:var(--mavi); top:-90px; left:-70px; } .arka-plan::after { width:400px; height:400px; background:var(--sari); bottom:-110px; right:-50px; } /* ── GİRİŞ ── */ .giris-sarmal { position: relative; z-index: 1; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; } .giris-kart { width: 100%; max-width: 500px; background: var(--kart); border: 1px solid var(--kenar); border-radius: 25px; padding: 40px 35px; backdrop-filter: blur(20px); box-shadow: 0 20px 60px var(--golge); } .marka-satir { display:flex; align-items:center; justify-content:center; gap:7px; margin-bottom:12px; } .marka-logo { flex-shrink:0; width:90px; height:90px; } .marka { font-family: 'Newsreader', Georgia, serif; font-size: 2.5rem; font-weight: 600; color:var(--metin); line-height:1.1; } /* "Kripto Agent" 2.5rem → 2/3'ü ≈ 1.67rem, kalın, YouTube abone bağlantısı */ .abone-link { display:block; text-align:center; font-size:1.67rem; font-weight:800; color:var(--sari); text-decoration:none; line-height:1.2; margin:6px 0 12px; } .abone-link:hover { color:#f59e0b; text-decoration:underline; } .marka-alt { text-align:center; color:var(--metin); font-weight:700; font-size: 1.12rem; line-height:1.5; margin-bottom: 26px; } /* ── MOBİLDE: logo + açıklama + form tek ekranda sığsın ── */ @media (max-width: 560px) { .giris-sarmal { padding: 12px; align-items: flex-start; } .giris-kart { padding: 24px 22px; } .marka-logo { width: 74px; height: 74px; } .marka { font-size: 1.9rem; } .abone-link { font-size: 1.27rem; margin: 4px 0 10px; } .marka-alt { font-size: 0.95rem; margin-bottom: 16px; } .giris-kart label { font-size: 0.95rem; margin: 12px 0 5px; } .giris-kart input { padding: 0.75rem 1rem; font-size: 17px; } .giris-kart .btn-giris { margin-top: 18px; padding: 0.85rem; font-size: 1.15rem; } .giris-kart .alt-not { font-size: 0.92rem; margin-top: 14px; } } .giris-kart label { display:block; color:var(--metin); font-size:1.06rem; font-weight:600; margin:17px 0 7px; } .giris-kart input { width:100%; background:#fff; border:1px solid #E5E7EB; border-radius:15px; padding:0.88rem 1.12rem; font-size:20px; color:#111827; outline:none; } /* Giriş kartına özel %25 büyütme (diğer sayfalardaki .btn-giris etkilenmez) */ .giris-kart .btn-giris { margin-top:25px; padding:1rem; border-radius:17px; font-size:1.3rem; } .giris-kart .alt-not { font-size:1rem; margin-top:20px; } .giris-kart input:focus { border-color: var(--mavi); box-shadow:0 0 0 3px rgba(59,130,246,0.35); } .btn-giris { width:100%; margin-top:20px; padding:0.8rem; border:none; border-radius:14px; background: linear-gradient(90deg,var(--sari),#f59e0b); color:#0B1220; font-size:1.05rem; font-weight:800; cursor:pointer; transition:transform .15s, box-shadow .15s; } .btn-giris:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(250,204,21,0.4); } .uyari { background:rgba(220,38,38,0.12); border:1px solid rgba(220,38,38,0.35); color:#fca5a5; border-radius:12px; padding:10px 14px; font-size:0.9rem; margin-bottom:6px; } .alt-not { text-align:center; color:var(--soluk); font-size:0.8rem; margin-top:16px; } /* "Zaten hesabın var mı? Giriş yap" — %20 büyük + sarı */ .giris-yap-link { color:var(--sari); font-size:1.2em; font-weight:600; } .giris-yap-link:hover { color:#f59e0b; } /* ── KULLANIM ŞARTLARI MODALI ── */ .sart-perde { position:fixed; inset:0; z-index:100; background:rgba(4,8,18,0.72); display:none; align-items:center; justify-content:center; padding:20px; } .sart-perde.acik { display:flex; } .sart-modal { width:100%; max-width:860px; max-height:90vh; overflow-y:auto; background:#ffffff; color:#1f2937; border-radius:14px; box-shadow:0 30px 80px rgba(0,0,0,0.55); padding:26px 30px; } .sart-ust { display:flex; align-items:center; justify-content:space-between; gap:14px; } .sart-ust h2 { font-size:1.35rem; font-weight:700; color:#111827; } .sart-kapat { background:none; border:none; font-size:1.7rem; line-height:1; color:#6b7280; cursor:pointer; padding:0 4px; } .sart-kapat:hover { color:#111827; } /* Metin uzun — gövde kendi içinde kaysın, butonlar hep görünür kalsın */ .sart-govde { max-height:56vh; overflow-y:auto; padding-right:8px; color-scheme:light; } .sart-govde h3 { font-size:1.05rem; font-weight:700; color:#111827; margin:18px 0 10px; } .sart-govde p { color:#374151; line-height:1.6; margin-bottom:12px; } .sart-onay-cumle { background:#FEF9C3; border-left:3px solid #FACC15; border-radius:8px; padding:11px 14px; margin-bottom:16px; color:#111827 !important; } .sart-beyan { background:#F3F4F6; border-radius:8px; padding:12px 14px; margin-top:18px; } .sart-liste { padding-left:22px; display:flex; flex-direction:column; gap:12px; } .sart-liste li { color:#374151; line-height:1.65; } .sart-liste b { color:#111827; font-weight:700; } .sart-ayrac { height:1px; background:#e5e7eb; margin:22px 0 18px; } .sart-butonlar { display:flex; gap:14px; } .sart-kabul { flex:1; background:#FACC15; color:#111827; border:none; border-radius:10px; padding:14px; font-size:1rem; font-weight:800; cursor:pointer; } .sart-kabul:hover { background:#f59e0b; } .sart-vazgec { flex:1; background:#fff; color:#374151; border:1px solid #d1d5db; border-radius:10px; padding:14px; font-size:1rem; font-weight:600; cursor:pointer; } .sart-vazgec:hover { background:#f3f4f6; } @media (max-width:600px){ .sart-butonlar{ flex-direction:column; } .sart-modal{ padding:20px; } } /* Şifremi unuttum — sarı, ~%10 daha kalın (400→500'e yakın ilk kademe) */ .sifre-unuttum-link { color:var(--sari); font-weight:500; } .sifre-unuttum-link:hover { color:#f59e0b; } /* Kayıt Ol — sarı buton */ .kayit-ol-btn { display:inline-block; background:linear-gradient(90deg,var(--sari),#f59e0b); color:#0B1220; font-weight:800; text-decoration:none; padding:7px 18px; border-radius:10px; margin-left:6px; transition:transform .15s, box-shadow .15s; } .kayit-ol-btn:hover { transform:translateY(-1px); box-shadow:0 8px 20px rgba(250,204,21,0.35); } /* ── ANA SAYFA ── */ .ust-bar { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; padding: 14px 22px; background: var(--panel); border-bottom:1px solid var(--kenar); } .ub-marka { font-family:'Newsreader',Georgia,serif; font-size:1.4rem; font-weight:600; color:var(--metin); } .ub-sag { display:flex; align-items:center; gap:14px; } .ub-kullanici { color:var(--soluk); font-size:0.9rem; } .btn-cikis { background:#DC2626; color:#fff; text-decoration:none; padding:8px 16px; border-radius:10px; font-weight:600; font-size:0.9rem; transition:background .2s; } .btn-cikis:hover { background:#B91C1C; } .govde { position:relative; z-index:1; padding: 30px 22px; max-width: 1000px; margin: 0 auto; } .hos-geldin-kart { background:var(--kart); border:1px solid var(--kenar); border-radius:20px; padding:28px; } .hos-geldin-kart h1 { font-size:1.6rem; margin-bottom:10px; } .hos-geldin-kart p { color:var(--soluk); line-height:1.7; } .yakinda-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:14px; margin-top:22px; } .yakinda-kart { background:var(--panel); border:1px solid var(--kenar); border-radius:14px; padding:18px 14px; text-align:center; } .yk-ikon { font-size:1.8rem; } .yk-baslik { font-weight:600; margin-top:8px; } .yk-durum { color:var(--sari); font-size:0.75rem; margin-top:4px; text-transform:uppercase; letter-spacing:0.08em; } /* ── PANEL DÜZENİ ── */ .uygulama { position:relative; z-index:1; display:flex; min-height:100vh; } .yan-menu { width:250px; flex-shrink:0; background:var(--panel); border-right:1px solid var(--kenar); display:flex; flex-direction:column; padding:20px 14px; } .ym-marka { font-family:'Newsreader',Georgia,serif; font-size:1.5rem; font-weight:600; color:var(--metin); padding:0 8px 18px; display:flex; align-items:center; gap:9px; } /* Logo, yazı yüksekliğine oranlı (1.5rem ≈ 24px → logo 40px) */ .ym-logo { width:40px; height:40px; flex-shrink:0; } .ym-nav { display:flex; flex-direction:column; gap:6px; flex:1; } .ym-nav a { color:var(--metin); text-decoration:none; padding:11px 14px; border-radius:10px; font-weight:500; font-size:0.95rem; transition:background .15s; } .ym-nav a:hover { background:var(--hover); } .ym-nav a.aktif { background:linear-gradient(90deg,var(--sari),#f59e0b); color:#0B1220; font-weight:700; } .ym-alt { border-top:1px solid var(--kenar); padding-top:14px; } .ym-kullanici { color:var(--soluk); font-size:0.85rem; padding:0 8px 10px; } .btn-cikis-yan { display:block; text-align:center; background:#DC2626; color:#fff; text-decoration:none; padding:9px; border-radius:10px; font-weight:600; font-size:0.9rem; } .btn-cikis-yan:hover { background:#B91C1C; } .icerik { flex:1; padding:26px 28px; max-width:100%; overflow-x:hidden; } .menu-ac { display:none; background:var(--sari); color:#0B1220; border:none; width:44px; height:44px; border-radius:12px; font-size:22px; cursor:pointer; margin-bottom:14px; } .menu-perde { display:none; } .sayfa-baslik { font-size:1.6rem; margin-bottom:4px; } .nav-ikon { width:18px; height:18px; vertical-align:-3px; margin-right:2px; } .baslik-ikon { width:26px; height:26px; vertical-align:-4px; } .sayfa-alt { color:var(--soluk); margin-bottom:20px; } .metrik-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:14px; margin-bottom:22px; } .metrik { background:var(--kart); border:1px solid var(--kenar); border-radius:14px; padding:16px 18px; } .m-etiket { color:var(--soluk); font-size:0.8rem; } .m-deger { font-size:1.4rem; font-weight:700; margin-top:4px; } .art { color:var(--yesil) !important; } .eks { color:#f87171 !important; } .yakinda-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:14px; margin-top:8px; } .yakinda-kart { background:var(--kart); border:1px solid var(--kenar); border-radius:14px; padding:18px 14px; text-align:center; text-decoration:none; color:var(--metin); display:block; } a.yakinda-kart:hover { border-color:var(--sari); } .yk-ikon { font-size:1.8rem; } .yk-baslik { font-weight:600; margin-top:8px; } .yk-durum { color:var(--soluk); font-size:0.75rem; margin-top:4px; text-transform:uppercase; letter-spacing:0.08em; } .yk-durum.acik { color:var(--sari); } .sekme-bar { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; } .sekme { background:var(--kart); border:1px solid var(--kenar); color:var(--metin); padding:9px 14px; border-radius:10px; cursor:pointer; font-size:0.9rem; } .sekme.aktif { background:var(--sari); color:#0B1220; font-weight:700; border-color:var(--sari); } .sekme-icerik { display:none; } .sekme-icerik.aktif { display:block; } .tablo-sar { overflow-x:auto; border:1px solid var(--kenar); border-radius:14px; -webkit-overflow-scrolling:touch; position:relative; } .coin-tablo { width:100%; border-collapse:collapse; font-size:0.9rem; } .coin-tablo th { text-align:left; color:var(--soluk); font-weight:600; padding:12px 14px; border-bottom:1px solid var(--kenar); font-size:0.8rem; text-transform:uppercase; letter-spacing:0.04em; } .coin-tablo td { padding:11px 14px; border-bottom:1px solid var(--cizgi); white-space:nowrap; } .coin-tablo tr:hover td { background:var(--kart2); } .coin-tablo .sag { text-align:right; } .coin-tablo .soluk { color:var(--soluk); } .coin-ad { display:flex; align-items:center; gap:8px; } .coin-ad img { border-radius:50%; } .coin-ad .sembol { color:var(--soluk); font-size:0.8rem; } .uyari-not { color:var(--soluk); font-size:0.8rem; margin-top:16px; } .onay-satir { display:flex; align-items:flex-start; gap:8px; font-size:0.82rem; color:var(--soluk); font-weight:400 !important; margin-top:14px; } .onay-satir input { width:auto; margin-top:3px; } .onay-satir a { color:var(--mavi); } .basari { background:rgba(34,197,94,0.10); border:1px solid rgba(34,197,94,0.35); color:#86efac; border-radius:12px; padding:12px 16px; font-size:0.9rem; line-height:1.5; } /* ── MOBİL ── */ @media (max-width:768px){ /* MOBİL MENÜ ZEMİNİ — OPAK OLMALI. Koyu temada --panel = rgba(255,255,255,0.04), yani yarı saydam beyaz. Masaüstünde arkasında sayfa zemini olduğu için sorun çıkmıyor; mobilde menü sayfanın ÜSTÜNE bindiği için arkadaki içerik görünüyordu. Açık temada --panel zaten #ffffff (opak), o yüzden orada sorun yoktu. */ .yan-menu { position:fixed; top:0; left:0; height:100vh; z-index:50; transform:translateX(-100%); transition:transform .25s; box-shadow:4px 0 30px rgba(0,0,0,0.5); background:var(--bg); overflow-y:auto; } [data-tema="acik"] .yan-menu { background:#ffffff; } body.menu-acik .yan-menu { transform:translateX(0); } .menu-ac { display:inline-flex; align-items:center; justify-content:center; } body.menu-acik .menu-perde { display:block; position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:40; } .icerik { padding:18px 14px; } .sayfa-baslik { font-size:1.3rem; } } /* ── COİN DETAY ── */ .coin-link { display:flex; align-items:center; gap:8px; color:var(--metin); text-decoration:none; } .coin-link:hover span:first-of-type { color:var(--sari); } .geri-link { color:var(--soluk); text-decoration:none; font-size:0.9rem; } .geri-link:hover { color:var(--metin); } .coin-baslik { display:flex; align-items:center; gap:14px; margin:14px 0 20px; flex-wrap:wrap; } .coin-baslik img { border-radius:50%; } .coin-baslik .sembol { color:var(--soluk); font-size:1rem; } .coin-fiyat { margin-left:auto; font-size:1.8rem; font-weight:800; } .fng-kart { background:var(--kart); border:1px solid var(--kenar); border-radius:16px; padding:20px; margin-top:6px; } .fng-baslik { color:var(--soluk); font-size:0.85rem; margin-bottom:12px; } .fng-govde { display:flex; align-items:center; gap:20px; } .fng-deger { font-size:3rem; font-weight:800; line-height:1; } .fng-yorum { font-weight:700; margin-bottom:8px; } .fng-bar { height:8px; background:var(--kenar); border-radius:6px; overflow:hidden; width:min(320px,60vw); } .fng-dolgu { height:100%; background:linear-gradient(90deg,#DC2626,#F59E0B,#22C55E); } .fng-alt { color:var(--soluk); font-size:0.75rem; margin-top:6px; } /* ── SİNİR SİSTEMİ ── */ .sinir-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:14px; } /* Teknik Göstergeler grid kartları — sarı kenarlı (yalnız bu grid) */ .teknik-grid .sinir-kart { border:1px solid var(--sari); } .sinir-kart { background:var(--kart); border:1px solid var(--sari); border-radius:16px; padding:16px 18px; } .sk-ust { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; } .sk-ad { font-weight:700; } .sk-ad .sembol { color:var(--soluk); font-size:0.85rem; } .sk-skor { color:var(--soluk); font-size:0.85rem; margin-bottom:12px; } .rozet { font-size:0.72rem; font-weight:800; padding:4px 10px; border-radius:999px; letter-spacing:0.03em; } .rozet.kritik { background:rgba(220,38,38,0.18); color:#fca5a5; } .rozet.dikkat { background:rgba(245,158,11,0.18); color:#fcd34d; } .rozet.firsat { background:rgba(34,197,94,0.18); color:#86efac; } .rozet.izle { background:rgba(59,130,246,0.18); color:#93c5fd; } .rozet.normal { background:rgba(148,163,184,0.15); color:#cbd5e1; } .pattern-satir { background:var(--kart2); border-left:3px solid var(--soluk); border-radius:8px; padding:8px 12px; margin-bottom:6px; position:relative; } .pattern-satir.alarm-yeşil { border-left-color:var(--yesil); } .pattern-satir.alarm-kırmızı { border-left-color:#DC2626; } .pattern-satir.alarm-sari, .pattern-satir.alarm-sarı { border-left-color:var(--sari); } .ps-ad { font-weight:600; font-size:0.9rem; } .ps-anlam { color:var(--soluk); font-size:0.78rem; margin-top:2px; } .ps-guven { position:absolute; top:8px; right:12px; color:var(--soluk); font-size:0.8rem; font-weight:600; } .pattern-yok { color:var(--soluk); font-size:0.82rem; } /* Ölçülmüş isabet rozeti — koddaki iddianın yanındaki GERÇEK sonuç */ .ps-olculmus { display:inline-block; margin-left:7px; padding:1px 7px; border-radius:20px; font-size:0.7rem; font-weight:700; vertical-align:middle; white-space:nowrap; } .ps-olculmus.iyi { background:rgba(34,197,94,0.16); color:var(--yesil); border:1px solid rgba(34,197,94,0.35); } .ps-olculmus.kotu { background:rgba(239,68,68,0.14); color:#f87171; border:1px solid rgba(239,68,68,0.32); } [data-tema="acik"] .ps-olculmus.kotu { color:#B91C1C; } /* ── ARAMA KUTUSU ── */ .ara-form { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:10px; } .ara-input { flex:1; min-width:220px; background:#fff; border:1px solid #E5E7EB; border-radius:12px; padding:0.7rem 0.9rem; font-size:16px; color:#111827; outline:none; } .ara-input:focus { border-color:var(--mavi); box-shadow:0 0 0 3px rgba(59,130,246,0.35); } /* ── SİNİR SİSTEMİ EK ── */ .sinir-ust { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; flex-wrap:wrap; } .grafik-form { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-bottom:8px; } .grafik-form select, .grafik-form input[type=number] { background:var(--kart); color:var(--metin); border:1px solid var(--kenar); border-radius:9px; padding:8px 12px; font-size:0.9rem; } .grafik-sar { background:var(--kart); border:1px solid var(--kenar); border-radius:14px; padding:10px; overflow:hidden; } #gecmisCanvas { width:100%; display:block; } #coinGrafik { width:100%; display:block; } .grafik-lejant { display:flex; gap:18px; justify-content:center; margin-top:8px; font-size:0.8rem; color:var(--soluk); } .grafik-lejant i { display:inline-block; width:14px; height:3px; vertical-align:middle; margin-right:5px; } .grafik-lejant .lej-cizgi { background:var(--sari); } .grafik-lejant .lej-bar { height:10px; width:8px; background:rgba(34,197,94,0.55); border-radius:2px; } .grafik-ust { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:22px 0 10px; } .zaman-grup { display:flex; gap:5px; flex-wrap:wrap; } .zaman-btn { background:var(--kart); border:1px solid var(--kenar); color:var(--metin); padding:5px 11px; border-radius:8px; cursor:pointer; font-size:0.82rem; } .zaman-btn:hover { border-color:var(--sari); } .zaman-btn.aktif { background:var(--sari); color:#0B1220; font-weight:700; border-color:var(--sari); } .grafik-durum { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--soluk); font-size:0.9rem; } /* Grafik ipucu kutusu — temaya duyarlı (koyu temada lacivert, açıkta beyaz) */ .grafik-tip { position:absolute; z-index:5; background:var(--menu-bg); color:var(--metin); border:1px solid var(--kenar); border-radius:8px; padding:7px 10px; font-size:0.78rem; line-height:1.5; pointer-events:none; white-space:nowrap; box-shadow:0 8px 24px var(--golge); } [data-tema="acik"] .grafik-tip { background:#ffffff; color:#1F2937; border-color:#D9DFE8; } /* ── PİYASA NABZI ── */ .coin-sec-form { margin-bottom:18px; } .coin-sec-form select { background:var(--kart); color:var(--metin); border:1px solid var(--kenar); border-radius:10px; padding:10px 14px; font-size:1rem; min-width:220px; cursor:pointer; } .eylem-banner { background:linear-gradient(135deg,rgba(59,130,246,0.15),rgba(250,204,21,0.10)); border:1px solid var(--kenar); border-radius:16px; padding:18px 22px; margin-bottom:8px; } .eb-etiket { color:var(--soluk); font-size:0.75rem; letter-spacing:0.1em; } .eb-deger { font-size:1.3rem; font-weight:800; margin:4px 0; } .eb-not { color:var(--soluk); font-size:0.8rem; } .alt-baslik-2 { margin:22px 0 10px; font-size:1.05rem; color:var(--metin); } .teknik-liste { background:var(--kart); border:1px solid var(--kenar); border-radius:14px; overflow:hidden; } .tek-satir { display:grid; grid-template-columns:1.2fr 1fr 1.5fr; gap:10px; padding:12px 16px; border-bottom:1px solid var(--cizgi); align-items:center; } .tek-satir:last-child { border-bottom:none; } .tk-ad { color:var(--soluk); font-size:0.85rem; } .tk-deger { font-weight:700; font-family:'JetBrains Mono',monospace; font-size:0.9rem; } .tk-yorum { color:var(--metin); font-size:0.82rem; text-align:right; } @media (max-width:768px){ .tek-satir{ grid-template-columns:1fr 1fr; } .tk-yorum{ grid-column:1/3; text-align:left; color:var(--soluk); } } /* ── RAPOR ARŞİVİ ── */ .sembol-bar { display:flex; gap:7px; flex-wrap:wrap; margin-bottom:14px; } .sembol-btn { background:var(--kart); border:1px solid var(--kenar); color:var(--metin); text-decoration:none; padding:7px 13px; border-radius:9px; font-size:0.88rem; font-weight:600; } .sembol-btn span { color:var(--soluk); font-size:0.78rem; } .sembol-btn:hover { border-color:var(--sari); } .sembol-btn.aktif { background:var(--sari); color:#0B1220; border-color:var(--sari); } .sembol-btn.aktif span { color:#0B1220; } .rapor-metin { white-space:pre-wrap; word-break:break-word; font-family:'JetBrains Mono',monospace; font-size:0.84rem; line-height:1.6; color:var(--metin); background:var(--kod-bg); border-radius:10px; padding:14px; margin-top:12px; max-height:65vh; overflow:auto; } .onizleme { color:var(--soluk); font-size:0.82rem; max-width:380px; overflow:hidden; text-overflow:ellipsis; } /* ── TÜMLEŞİK ANALİZ KONTROL PANELİ (ağırlık slider'ları) ── */ .agirlik-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px 20px; } .agirlik-oge label { display:block; font-size:0.88rem; color:var(--metin); margin-bottom:4px; } .agirlik-oge label b { color:var(--sari); } .agirlik-oge input[type=range] { width:100%; accent-color:var(--sari); cursor:pointer; } /* ── TÜMLEŞİK ANALİZ ── */ .ilerleme-bar { height:10px; background:var(--izgara); border-radius:6px; overflow:hidden; } .ilerleme-dolgu { height:100%; width:0; background:linear-gradient(90deg,var(--mavi),var(--sari)); transition:width .4s; } .asama-liste { list-style:none; margin:12px 0 0; padding:0; display:flex; flex-direction:column; gap:6px; } .asama-liste li { font-size:0.9rem; color:var(--metin); } .rapor-icerik { line-height:1.7; font-size:0.95rem; white-space:normal; } .ara-goruşler { margin-top:8px; line-height:1.6; } .ara-goruşler h4 { color:var(--metin); } /* ── CANLI MUM ── */ .mum-kontrol { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-bottom:14px; } .mum-select { background:var(--kart); color:var(--metin); border:1px solid var(--kenar); border-radius:10px; padding:10px 14px; font-size:0.95rem; cursor:pointer; } .mum-interval { display:flex; gap:6px; flex-wrap:wrap; } .iv-btn { background:var(--kart); border:1px solid var(--kenar); color:var(--metin); padding:8px 13px; border-radius:9px; cursor:pointer; font-size:0.85rem; } .iv-btn.aktif { background:var(--sari); color:#0B1220; font-weight:700; border-color:var(--sari); } .mum-ust { display:flex; align-items:baseline; gap:14px; margin-bottom:10px; flex-wrap:wrap; } .mum-fiyat { font-size:1.6rem; font-weight:800; font-family:'JetBrains Mono',monospace; } .mum-canvas-sar { background:var(--kart); border:1px solid var(--kenar); border-radius:14px; padding:8px; overflow:hidden; } #mumCanvas { width:100%; display:block; } /* ── NABIZ AL RAPORU ── */ .nabiz-secim { border:2px solid var(--sari); border-radius:10px; padding:10px 14px; margin:4px 0 10px; background:rgba(250,204,21,0.08); font-weight:600; } .nabiz-al-form { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-bottom:8px; } .nabiz-al-form select { background:var(--kart); color:var(--metin); border:1px solid var(--kenar); border-radius:10px; padding:10px 14px; font-size:0.95rem; min-width:220px; cursor:pointer; } /* ── ARANABİLİR COIN MENÜSÜ (sarı isimler) ── */ .coin-combo { position:relative; min-width:260px; } .combo-input { width:100%; background:var(--kart); color:var(--sari); font-weight:600; border:1px solid var(--kenar); border-radius:10px; padding:10px 34px 10px 14px; font-size:0.95rem; outline:none; } .combo-input::placeholder { color:var(--soluk); font-weight:400; } .combo-input:focus { border-color:var(--sari); box-shadow:0 0 0 3px rgba(250,204,21,0.25); } .combo-ok { position:absolute; right:12px; top:50%; transform:translateY(-50%); color:var(--soluk); pointer-events:none; } .combo-liste { position:absolute; z-index:30; top:calc(100% + 4px); left:0; right:0; max-height:280px; overflow-y:auto; background:var(--menu-bg); border:1px solid var(--kenar); border-radius:10px; padding:4px; margin:0; list-style:none; box-shadow:0 16px 40px var(--golge); display:none; } .coin-combo.acik .combo-liste { display:block; } .combo-oge { color:var(--sari); font-weight:600; padding:9px 12px; border-radius:7px; cursor:pointer; font-size:0.92rem; } .combo-oge:hover { background:rgba(250,204,21,0.12); } .combo-oge.secili { background:rgba(250,204,21,0.18); } .combo-bos { color:var(--soluk); padding:9px 12px; font-size:0.88rem; list-style:none; } /* Gösterge seçimi (Fiyat / RSI / MACD…) — dar, tıklanır, sarı yazılı */ .alan-combo { min-width:190px; } .alan-combo .combo-input { cursor:pointer; font-size:0.9rem; padding:9px 30px 9px 12px; } .rapor-kutu { background:var(--kart); border:1px solid var(--kenar); border-radius:14px; padding:16px 18px; margin:10px 0 6px; } .rapor-baslik { font-weight:700; font-size:1.05rem; margin-bottom:6px; } .rapor-bolum { color:var(--sari); font-weight:700; font-size:0.85rem; margin:14px 0 6px; letter-spacing:0.03em; } .rapor-satir { display:flex; gap:12px; padding:6px 0; font-size:0.88rem; border-bottom:1px solid var(--cizgi); } .rapor-satir:last-child { border-bottom:none; } .rapor-satir span { color:var(--soluk); flex:0 0 46%; } .rapor-satir b { text-align:left; flex:1; } /* ── BTC KART SATIRI (4'lü) ── */ .kart-4 { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; margin-top:8px; } .teknik-mini { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:8px; } .tm-kutu { background:var(--panel); border-radius:8px; padding:8px 10px; } .tm-et { font-size:0.68rem; text-transform:uppercase; color:var(--soluk); font-family:'JetBrains Mono',monospace; } .tm-dg { font-weight:700; } /* ── GAUGE (Korku & Açgözlülük) ── */ .gauge-ring { position:relative; width:96px; height:96px; border-radius:50%; margin:8px auto 0; background:conic-gradient(var(--renk) 0deg var(--aci), var(--kenar) var(--aci) 360deg); display:flex; align-items:center; justify-content:center; } .gauge-ring::before { content:''; position:absolute; width:70px; height:70px; border-radius:50%; background:var(--bg); } .gauge-deger { position:relative; font-size:1.5rem; font-weight:800; } /* ── LONG/SHORT BAR ── */ .ls-bar { display:flex; height:10px; border-radius:999px; overflow:hidden; background:var(--izgara); margin:10px 0 2px; } .ls-long { background:var(--yesil); } .ls-short { background:#ef4444; } /* ── ISI HARİTASI + MOVERS ── */ .heat-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:8px; margin-bottom:8px; } .heat-tile { border:1px solid var(--kenar); border-radius:12px; padding:11px 12px; } .heat-art { background:rgba(34,197,94,0.12); } .heat-eks { background:rgba(220,38,38,0.12); } .heat-ust { display:flex; justify-content:space-between; font-weight:700; font-size:0.85rem; margin-bottom:4px; } .heat-fiyat { font-size:0.82rem; color:var(--metin); font-family:'JetBrains Mono',monospace; } .mover-ikili { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:8px; } @media (max-width:640px){ .mover-ikili{ grid-template-columns:1fr; } } .mover-kart { background:var(--kart); border:1px solid var(--kenar); border-radius:14px; padding:14px 16px; } .mover-baslik { font-weight:700; font-size:0.9rem; margin-bottom:8px; } .mover-satir { display:flex; justify-content:space-between; gap:10px; padding:6px 0; font-size:0.85rem; border-bottom:1px solid var(--cizgi); } .mover-satir:last-child { border-bottom:none; } .mover-satir .sembol { color:var(--soluk); font-size:0.78rem; } /* ── MESAJLAR ── */ .rozet-say { background:#DC2626; color:#fff; border-radius:999px; padding:1px 7px; font-size:0.72rem; font-weight:700; margin-left:4px; } .sohbet { display:flex; flex-direction:column; gap:10px; margin-bottom:18px; } .mesaj { max-width:78%; padding:11px 14px; border-radius:14px; } .mesaj.giden { align-self:flex-start; background:rgba(59,130,246,0.14); border:1px solid rgba(59,130,246,0.25); } .mesaj.gelen { align-self:flex-end; background:rgba(250,204,21,0.12); border:1px solid rgba(250,204,21,0.25); } .msj-konu { font-weight:700; margin-bottom:4px; } .msj-icerik { line-height:1.5; white-space:pre-wrap; } .msj-alt { display:flex; align-items:center; gap:10px; justify-content:space-between; color:var(--soluk); font-size:0.72rem; margin-top:6px; } .msj-sil { text-decoration:none; opacity:0.6; } .msj-sil:hover { opacity:1; } .cevap-form { display:flex; flex-direction:column; gap:10px; } .cevap-form textarea { background:#fff; border:1px solid #E5E7EB; border-radius:12px; padding:12px; font-size:15px; color:#111827; resize:vertical; font-family:inherit; } /* ── COİN SEÇİMİ ── */ .secili-liste { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:8px; } .secili-cip { display:inline-flex; align-items:center; gap:8px; background:rgba(250,204,21,0.15); border:1px solid rgba(250,204,21,0.5); border-radius:999px; padding:6px 12px; font-size:0.85rem; } .secili-cip span { color:var(--sari); font-weight:600; } .secili-cip button { background:none; border:none; color:#f87171; cursor:pointer; font-size:0.9rem; padding:0; } .mini-btn { background:var(--sari); color:#0B1220; border:none; border-radius:8px; padding:5px 12px; font-weight:700; font-size:0.82rem; cursor:pointer; } .mini-btn:hover { background:#f59e0b; } /* ── DUYURULAR ── */ .duyuru-alan { display:flex; flex-direction:column; gap:8px; margin-bottom:16px; } .duyuru { background:linear-gradient(90deg,rgba(59,130,246,0.14),rgba(250,204,21,0.10)); border:1px solid var(--kenar); border-left:3px solid var(--sari); border-radius:10px; padding:11px 16px; font-size:0.9rem; line-height:1.5; } /* ── FLASH MESAJLARI ── */ .flash-alan { display:flex; flex-direction:column; gap:8px; margin-bottom:16px; } .flash { border-radius:12px; padding:11px 16px; font-size:0.9rem; } .flash-ok { background:rgba(34,197,94,0.10); border:1px solid rgba(34,197,94,0.35); color:#86efac; } .flash-hata { background:rgba(220,38,38,0.10); border:1px solid rgba(220,38,38,0.35); color:#fca5a5; } /* ── AYARLAR ── */ .ayar-kart { background:var(--kart); border:1px solid var(--kenar); border-radius:16px; padding:18px 20px; margin-bottom:16px; max-width:640px; } .giris-input { display:block; width:100%; background:#fff; border:1px solid #E5E7EB; border-radius:12px; padding:0.7rem 0.9rem; font-size:16px; color:#111827; outline:none; margin-bottom:10px; } .giris-input:focus { border-color:var(--mavi); box-shadow:0 0 0 3px rgba(59,130,246,0.35); } .ayar-kart .btn-giris { width:auto; min-width:160px; margin-top:6px; } .api-mevcut { font-size:0.88rem; margin-bottom:10px; } .api-mevcut code { background:var(--hover); padding:3px 8px; border-radius:6px; font-size:0.82rem; } .api-form { display:flex; gap:10px; flex-wrap:wrap; align-items:flex-start; } .api-form .giris-input { flex:1; min-width:220px; margin-bottom:0; } .ayar-onay { display:flex; align-items:center; gap:9px; font-size:0.9rem; padding:7px 0; cursor:pointer; } .ayar-onay input { width:auto; } .log-satir { background:var(--kart2); border-radius:6px; padding:8px 12px; margin:4px 0; font-size:0.8rem; color:var(--soluk); } .soluk { color:var(--soluk); } /* ── KILAVUZ ── */ .kilavuz { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; } .kl-kart { background:var(--kart); border:1px solid var(--kenar); border-radius:16px; padding:18px 20px; } .kl-kart h3 { margin-bottom:8px; font-size:1.05rem; } .kl-kart p { color:var(--soluk); line-height:1.6; font-size:0.9rem; } /* ── KILAVUZ: tam genişlik DETAYLI anlatım bölümleri ── */ .kl-detay { background:var(--kart); border:1px solid var(--kenar); border-radius:16px; padding:22px 26px; margin-top:18px; } .kl-detay > h2 { font-size:1.35rem; font-weight:800; color:var(--metin); margin-bottom:6px; } .kl-detay .kl-ozet { color:var(--metin); font-weight:700; line-height:1.7; background:var(--kart2); border-left:3px solid var(--sari); border-radius:9px; padding:12px 15px; margin-bottom:18px; } .kl-detay h4 { font-size:1rem; font-weight:800; color:var(--sari); margin:20px 0 9px; padding-bottom:5px; border-bottom:1px solid var(--cizgi); } .kl-detay p { color:var(--metin); line-height:1.72; font-size:0.92rem; margin-bottom:11px; } .kl-detay ul, .kl-detay ol { margin:0 0 12px 20px; } .kl-detay li { color:var(--metin); line-height:1.72; font-size:0.92rem; margin-bottom:7px; } .kl-detay b { font-weight:800; } .kl-detay .kl-not { background:var(--kart2); border-radius:9px; padding:11px 14px; font-size:0.87rem; color:var(--soluk); line-height:1.65; margin-top:6px; } /* Sütun/terim sözlüğü */ .kl-sozluk { display:grid; gap:8px 18px; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); margin-bottom:12px; } .kl-terim { border-bottom:1px solid var(--cizgi); padding-bottom:7px; font-size:0.9rem; line-height:1.6; color:var(--metin); } .kl-terim b { color:var(--sari); font-weight:800; } [data-tema="acik"] .kl-terim b, [data-tema="acik"] .kl-detay h4 { color:#B45309; } /* Kademe merdiveni görseli */ .kl-merdiven { display:flex; flex-direction:column; gap:6px; margin:4px 0 14px; } .kl-basamak { display:flex; align-items:center; gap:12px; background:var(--kart2); border-radius:8px; padding:9px 13px; font-size:0.89rem; } .kl-basamak .kb-kod { flex:0 0 34px; font-weight:800; color:var(--sari); } .kl-basamak .kb-borsa { flex:1; font-weight:700; color:var(--metin); } .kl-basamak .kb-not { color:var(--soluk); font-size:0.83rem; } .kl-basamak.kb-tepe { border:1px solid rgba(250,204,21,0.45); } [data-tema="acik"] .kl-basamak .kb-kod { color:#B45309; } /* ── İNCE/SOLUK YAZILARI KALIN + TAM BEYAZ ────────────────────────── Sinir Sistemi kartları + Teknik Göstergeler grid + Piyasa Nabzı. Renkli değerler (.art/.eks yüzdeler, rozetler) hariç tutulur. */ .sinir-kart, .sinir-kart .sk-ad, .sinir-kart .sembol, .sinir-kart .sk-skor, .sinir-kart .ps-anlam, .sinir-kart .ps-guven, .sinir-kart .pattern-yok, .sinir-kart .tm-et, .sinir-kart .ps-ad, .sinir-kart .tm-dg, .sinir-kart .soluk, .sinir-kart p, .m-etiket, .tk-ad, .tk-deger, .tk-yorum, .eb-etiket, .eb-not, .rapor-satir span, .rapor-baslik, .mover-satir, .mover-satir .sembol, .heat-tile .soluk, .heat-fiyat { color:var(--metin) !important; font-weight:700 !important; } /* ───────────────────────────────────────────────────────────── TEMA DEĞİŞTİRME BUTONU ───────────────────────────────────────────────────────────── */ .tema-btn { position:fixed; top:14px; right:14px; z-index:200; width:42px; height:42px; border-radius:50%; border:1px solid var(--kenar); background:var(--kart); color:var(--metin); font-size:19px; cursor:pointer; line-height:1; display:flex; align-items:center; justify-content:center; backdrop-filter:blur(10px); box-shadow:0 6px 18px var(--golge); transition:transform .15s, border-color .15s; } .tema-btn:hover { transform:scale(1.08); border-color:var(--sari); } @media (max-width:768px){ .tema-btn { top:10px; right:10px; width:38px; height:38px; font-size:17px; } } /* ───────────────────────────────────────────────────────────── AÇIK TEMA — OKUNURLUK DÜZELTMELERİ (koyu zemin için seçilmiş açık tonlar beyazda okunmuyor) ───────────────────────────────────────────────────────────── */ [data-tema="acik"] .eks { color:#DC2626 !important; } [data-tema="acik"] .art { color:#15803D !important; } /* Sarı yazılar beyaz zeminde koyu kehribara döner */ [data-tema="acik"] .combo-oge, [data-tema="acik"] .secili-cip span, [data-tema="acik"] .agirlik-oge label b, [data-tema="acik"] .sembol-btn span, [data-tema="acik"] .rapor-bolum, [data-tema="acik"] .yk-durum.acik, [data-tema="acik"] .giris-yap-link, [data-tema="acik"] .sifre-unuttum-link, [data-tema="acik"] .abone-link { color:#A16207; } [data-tema="acik"] .abone-link:hover, [data-tema="acik"] .giris-yap-link:hover { color:#854D0E; } /* Uyarı / bilgi kutuları */ [data-tema="acik"] .uyari { background:#FEF2F2; border-color:#FECACA; color:#B91C1C; } [data-tema="acik"] .basari { background:#F0FDF4; border-color:#BBF7D0; color:#15803D; } [data-tema="acik"] .flash-ok { background:#F0FDF4; border-color:#BBF7D0; color:#15803D; } [data-tema="acik"] .flash-hata { background:#FEF2F2; border-color:#FECACA; color:#B91C1C; } /* Seviye rozetleri */ [data-tema="acik"] .rozet.kritik { background:#FEE2E2; color:#B91C1C; } [data-tema="acik"] .rozet.dikkat { background:#FEF3C7; color:#B45309; } [data-tema="acik"] .rozet.firsat { background:#DCFCE7; color:#15803D; } [data-tema="acik"] .rozet.izle { background:#DBEAFE; color:#1D4ED8; } [data-tema="acik"] .rozet.normal { background:#EEF1F6; color:#475569; } /* Isı haritası + seçili coin çipi */ [data-tema="acik"] .heat-art { background:#DCFCE7; } [data-tema="acik"] .heat-eks { background:#FEE2E2; } [data-tema="acik"] .secili-cip { background:#FEF9C3; border-color:#FDE047; } /* Sarı butonda yazı zaten koyu; menü aktif öğe aynı kalır */ [data-tema="acik"] .ym-nav a:hover { background:var(--hover); } [data-tema="acik"] .mesaj.giden { background:#EFF6FF; border-color:#BFDBFE; } [data-tema="acik"] .mesaj.gelen { background:#FEFCE8; border-color:#FDE68A; } [data-tema="acik"] .duyuru { background:#FEFCE8; } [data-tema="acik"] .eylem-banner { background:linear-gradient(135deg,#EFF6FF,#FEFCE8); } /* ───────────────────────────────────────────────────────────── HAKKINDA SAYFASI ───────────────────────────────────────────────────────────── */ .hk-ust { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:18px; } .hk-duzenle-btn { width:auto !important; max-width:160px; margin:0 !important; padding:0.6rem 1.2rem !important; font-size:0.95rem !important; text-decoration:none; display:inline-block; } /* Görüntüleme — solda yazı, sağda DİKEY görsel */ .hk-sayfa { max-width:1150px; } .hk-ikili { display:grid; grid-template-columns:1fr 400px; gap:34px; align-items:start; } .hk-ikili.tek-sutun { grid-template-columns:1fr; } .hk-sol { min-width:0; } .hk-sag { margin:0; position:sticky; top:20px; border-radius:18px; overflow:hidden; border:1px solid var(--kenar); background:var(--kart); box-shadow:0 16px 44px var(--golge); } .hk-sag img { width:100%; display:block; aspect-ratio:3/4; object-fit:cover; } .hk-sag figcaption { padding:12px 16px; color:var(--soluk); font-size:0.88rem; line-height:1.55; } @media (max-width:980px){ .hk-ikili { grid-template-columns:1fr; gap:22px; } .hk-sag { position:static; max-width:420px; } .hk-sag img { aspect-ratio:4/3; } } .hk-baslik { font-family:'Newsreader', Georgia, serif; font-size:2rem; font-weight:600; color:var(--metin); line-height:1.25; margin-bottom:14px; } .hk-baslik::after { content:''; display:block; width:64px; height:4px; border-radius:3px; background:linear-gradient(90deg,var(--sari),#f59e0b); margin-top:12px; } .hk-metin p { color:var(--metin); font-size:1.05rem; line-height:1.85; margin-bottom:16px; white-space:pre-line; } .hk-galeri { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; margin-top:28px; } .hk-galeri-oge { background:var(--kart); border:1px solid var(--kenar); border-radius:14px; overflow:hidden; margin:0; } .hk-galeri-oge img { width:100%; display:block; aspect-ratio:16/10; object-fit:cover; } .hk-galeri-oge figcaption { padding:10px 14px; color:var(--soluk); font-size:0.85rem; line-height:1.5; } .hk-guncelleme { color:var(--soluk); font-size:0.8rem; margin-top:28px; padding-top:14px; border-top:1px solid var(--kenar); } /* Düzenleme modu */ .hk-metin-alan { font-family:inherit; line-height:1.7; resize:vertical; } .hk-yukle-form { display:flex; gap:10px; flex-wrap:wrap; align-items:center; } .hk-yukle-form .giris-input { flex:1; min-width:200px; margin-bottom:0; } .hk-yonet-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin-top:16px; } .hk-yonet-oge { background:var(--kart2); border:1px solid var(--kenar); border-radius:12px; overflow:hidden; } .hk-yonet-oge img { width:100%; display:block; aspect-ratio:16/10; object-fit:cover; } .hk-yonet-alt { padding:9px 11px; display:flex; align-items:center; justify-content:space-between; gap:8px; } .hk-yonet-alt .soluk { font-size:0.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .hk-yonet-butonlar { display:flex; gap:5px; flex-shrink:0; } .hk-yonet-butonlar form { display:inline; } .hk-sil { background:#DC2626 !important; color:#fff !important; } @media (max-width:600px){ .hk-baslik { font-size:1.6rem; } .hk-kapak img { max-height:240px; } } /* Hakkında — **iki yıldız arası** vurgu: kalın + sarı */ .hk-vurgu { color:var(--sari); font-weight:800; } [data-tema="acik"] .hk-vurgu { color:#A16207; } .hk-ipucu { background:var(--kart2); padding:2px 7px; border-radius:5px; font-size:0.85em; color:var(--metin); } /* ───────────────────────────────────────────────────────────── KRİPTO AVI ───────────────────────────────────────────────────────────── */ .av-ust { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:14px; } .av-btn { width:auto !important; max-width:200px; margin:0 !important; padding:0.85rem 1.8rem !important; font-size:1.1rem !important; letter-spacing:0.02em; } .av-bilgi { font-size:0.9rem; } .av-rozet { margin-left:auto; background:rgba(34,197,94,0.15); border:1px solid rgba(34,197,94,0.4); color:var(--yesil); padding:6px 13px; border-radius:999px; font-size:0.82rem; font-weight:700; } .av-kilit { max-width:620px; margin:30px auto; text-align:center; background:var(--kart); border:1px solid var(--kenar); border-radius:20px; padding:38px 30px; box-shadow:0 16px 44px var(--golge); } .av-kilit-ikon { font-size:3.4rem; margin-bottom:10px; } .av-kilit h2 { font-size:1.5rem; margin-bottom:10px; color:var(--metin); } .av-kilit p { color:var(--soluk); line-height:1.7; margin-bottom:20px; } .av-tablo td, .av-tablo th { font-size:0.87rem; } .av-ilk3 { background:rgba(250,204,21,0.06); } .av-skor { display:inline-block; min-width:46px; padding:3px 9px; border-radius:7px; font-weight:800; background:linear-gradient(90deg, rgba(250,204,21,0.35) var(--o), transparent var(--o)); } .av-trend { margin-left:4px; } .av-yeni { background:var(--mavi); color:#fff; font-size:0.62rem; font-weight:800; padding:2px 6px; border-radius:5px; margin-left:5px; vertical-align:middle; } .av-sinyal { color:var(--soluk); font-size:0.8rem; max-width:260px; } /* ───────────────────────────────────────────────────────────── ABONELİK ───────────────────────────────────────────────────────────── */ .ab-durum { display:flex; align-items:center; gap:16px; background:var(--kart2); border:1px solid var(--kenar); border-radius:14px; padding:16px 18px; } .ab-durum-ikon { font-size:2.1rem; } .ab-durum-baslik { font-weight:700; font-size:1.05rem; margin-bottom:3px; } .ab-aktif { border-color:rgba(34,197,94,0.45); background:rgba(34,197,94,0.08); } .ab-pasif { border-color:rgba(250,204,21,0.4); background:rgba(250,204,21,0.06); } .ab-adim { display:flex; gap:15px; padding:16px 0; border-bottom:1px solid var(--cizgi); } .ab-adim:last-child { border-bottom:none; } .ab-no { flex-shrink:0; width:32px; height:32px; border-radius:50%; background:var(--sari); color:#0B1220; font-weight:800; display:flex; align-items:center; justify-content:center; } .ab-adim-baslik { font-weight:700; margin-bottom:4px; } .ab-cuzdan { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:9px; background:var(--kod-bg); border:1px solid var(--kenar); border-radius:10px; padding:10px 13px; } .ab-cuzdan code { font-family:'JetBrains Mono',monospace; font-size:0.85rem; color:var(--sari); word-break:break-all; } [data-tema="acik"] .ab-cuzdan code { color:#A16207; } .ab-form { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:10px; } .ab-form .giris-input { flex:1; min-width:240px; margin-bottom:0; } .nav-kilit { font-size:0.78rem; opacity:0.85; } .av-kural { background:var(--kart2); border:1px solid var(--kenar); border-left:3px solid var(--sari); border-radius:10px; padding:11px 15px; font-size:0.85rem; line-height:1.65; margin-bottom:12px; } .av-hedef { color:var(--yesil); font-weight:800; } /* ── AÇILIR LİSTELER (select) ────────────────────────────────── Kapalı hâlde --kart (yarı saydam) sorun değil, ama AÇILAN liste sayfa zemininin dışında çizildiği için saydam renk beyaza karışıp yazıyı yutuyordu. Bu yüzden liste ve seçenekler OPAK renk kullanır. */ select { background-color:var(--menu-bg); color:var(--metin); } select option, select optgroup { background-color:var(--menu-bg); color:var(--metin); } select option:checked { background-color:var(--hover); color:var(--sari); font-weight:700; } .grafik-form select, .coin-sec-form select, .nabiz-al-form select, .mum-select { background-color:var(--menu-bg); } /* ── ⭐ TAKİP LİSTEM: yıldız butonu + coin bağlantısı ────────── */ .yildiz-btn { background:none; border:none; cursor:pointer; padding:0 5px 0 0; font-size:1.05rem; line-height:1; color:var(--kenar); vertical-align:-1px; transition:color .15s, transform .15s; } .yildiz-btn:hover { color:var(--sari); transform:scale(1.2); } .yildiz-btn.dolu { color:var(--sari); text-shadow:0 0 8px rgba(250,204,21,0.5); } .yildiz-btn:disabled { opacity:0.5; cursor:wait; } [data-tema="acik"] .yildiz-btn { color:#C9CFDA; } [data-tema="acik"] .yildiz-btn.dolu { color:#B45309; text-shadow:none; } /* Coin adı tıklanabilir — Hit 400'deki detay sayfasını açar. AYRI SINIF: .coin-link zaten Hit 400'de display:flex ile kullanılıyor; aynı adı kullanmak yıldız butonunu alt satıra düşürüyordu. */ .coin-baglanti { text-decoration:none; color:inherit; display:inline; } .coin-baglanti:hover b { color:var(--sari); text-decoration:underline; } [data-tema="acik"] .coin-baglanti:hover b { color:#B45309; } /* ── TAKİP LİSTEM SAYFASI ────────────────────────────────────── */ .tk-haber { background:var(--kart2); border:1px solid var(--kenar); border-left:3px solid var(--sari); border-radius:10px; padding:12px 15px; margin-bottom:14px; } .tk-haber-satir { display:flex; align-items:baseline; gap:9px; padding:5px 0; border-bottom:1px solid var(--cizgi); font-size:0.88rem; line-height:1.6; } .tk-haber-satir:last-child { border-bottom:none; } .tk-haber-satir b { color:var(--sari); font-weight:800; flex:0 0 auto; } .tk-haber-satir.onem3 { color:var(--metin); font-weight:700; } .tk-rozet { font-size:0.7rem; font-weight:800; padding:1px 7px; border-radius:20px; background:var(--kenar); color:var(--soluk); flex:0 0 auto; } .tk-rozet.r-borsa { background:rgba(34,197,94,0.18); color:var(--yesil); } .tk-rozet.r-kademe { background:rgba(250,204,21,0.18); color:var(--sari); } [data-tema="acik"] .tk-haber-satir b, [data-tema="acik"] .tk-rozet.r-kademe { color:#B45309; } .tk-bos { text-align:center; padding:34px 20px; } .tk-bos .tb-ikon { font-size:2.6rem; margin-bottom:10px; } /* ── VURGULANAN AÇIKLAMA YAZILARI (Borsa Radarı + Kripto Avı) ── */ /* Sayfa açıklaması ve kural/olgu notları: kalın + tam beyaz */ .sayfa-alt.radar-vurgu { color:var(--metin); font-weight:700; } .sayfa-alt.radar-vurgu b { font-weight:800; } /* Kural kutusu (Merdiven/Açık, Av kuralları, tarama notu) — kalın + tam beyaz. İçindeki .soluk tarama notu da beyazlaşır, aksi hâlde tek satır soluk kalırdı. */ .radar-kural { color:var(--metin); font-weight:700; } .radar-kural b { font-weight:800; } .radar-kural i { font-style:italic; font-weight:700; } .radar-kural .soluk { color:var(--metin); font-weight:700; } /* "neden?" butonu — kalın ve sarı. Açık temada --sari (#FACC15) beyaz zeminde okunmaz; koyu amber kullanılır. */ .neden-btn.radar-neden { color:var(--sari); font-weight:800; border-color:var(--kenar); } .neden-btn.radar-neden:hover { border-color:var(--sari); background:rgba(250,204,21,0.10); } [data-tema="acik"] .neden-btn.radar-neden { color:#B45309; border-color:#E2E6ED; } [data-tema="acik"] .neden-btn.radar-neden:hover { border-color:#B45309; background:#FEF9C3; } /* ── BORSA RADARI: skor kırılımı üç bölüm ────────────────────── */ .radar-ucbolum { display:grid; gap:14px 22px; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); } .ru-blok { background:var(--kart); border:1px solid var(--kenar); border-radius:9px; padding:10px 12px; } .ru-baslik { font-size:0.79rem; font-weight:700; color:var(--sari); margin-bottom:7px; border-bottom:1px solid var(--cizgi); padding-bottom:5px; } .ru-blok .neden-ad { flex:0 0 100px; font-size:0.76rem; } /* ── NABIZ: karar kırılımı + nabız çizgisi ───────────────────── */ .karar-kirilim { background:var(--kart2); border:1px solid var(--kenar); border-radius:10px; padding:12px 15px; margin-top:12px; } .kk-baslik { font-size:0.84rem; font-weight:700; color:var(--metin); margin-bottom:9px; } .kk-oge-sar { display:grid; gap:6px 16px; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); } .kk-oge { display:flex; align-items:center; gap:9px; font-size:0.82rem; border-bottom:1px solid var(--cizgi); padding-bottom:5px; } .kk-ad { flex:0 0 120px; font-weight:600; } .kk-deger { flex:1; font-size:0.78rem; } .kk-puan { flex:0 0 32px; text-align:right; font-weight:800; font-variant-numeric:tabular-nums; } .kk-eksik { margin-top:9px; font-size:0.78rem; color:var(--soluk); border-top:1px solid var(--cizgi); padding-top:8px; } .eb-alt { font-size:0.78rem; opacity:0.9; margin-top:3px; } .nabiz-cizgi-sar { background:var(--kart2); border:1px solid var(--kenar); border-radius:10px; padding:12px 15px; margin-top:12px; } .nabiz-cizgi-sar canvas { width:100%; display:block; } /* ── AV KARNESİ ───────────────────────────────────────────────── */ .karne-grid { display:grid; gap:14px; margin-bottom:22px; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); } .karne-kart { background:var(--kart); border:1px solid var(--kenar); border-radius:13px; padding:16px 18px; box-shadow:0 2px 10px var(--golge); } .karne-kart.karne-iyi { border-color:rgba(34,197,94,0.45); } .karne-kart.karne-kotu { border-color:rgba(239,68,68,0.40); } .kk-ust { font-size:0.78rem; font-weight:800; letter-spacing:0.06em; color:var(--sari); } .kk-ana { font-size:2.1rem; font-weight:800; line-height:1.15; margin-top:6px; } .kk-alt { font-size:0.76rem; margin-bottom:10px; } .kk-satir { display:flex; justify-content:space-between; gap:10px; font-size:0.83rem; padding:5px 0; border-top:1px solid var(--cizgi); } .kk-satir span { color:var(--soluk); } .kk-satir b { font-weight:700; white-space:nowrap; } .kk-satir.kk-vurgu { background:var(--kart2); margin:2px -8px; padding:5px 8px; border-radius:6px; } .karne-bar { width:100%; max-width:150px; height:8px; background:var(--kart2); border-radius:5px; overflow:hidden; } .kb-dolgu { height:100%; border-radius:5px; } .kb-dolgu.kb-arti { background:var(--yesil); } .kb-dolgu.kb-eksi { background:#ef4444; } .karne-bekle { display:flex; gap:26px; flex-wrap:wrap; margin-top:14px; } .karne-bekle > div { display:flex; flex-direction:column; } .kb-sayi { font-size:1.5rem; font-weight:800; color:var(--sari); } .kb-etiket { font-size:0.78rem; color:var(--soluk); } /* ── SKOR KIRILIMI ("neden bu skor?") ──────────────────────────── */ .neden-btn { background:none; border:1px solid var(--kenar); color:var(--soluk); border-radius:6px; padding:1px 7px; font-size:0.72rem; cursor:pointer; line-height:1.5; } .neden-btn:hover { border-color:var(--sari); color:var(--sari); } tr.neden-satir > td { background:var(--kart2); padding:12px 16px !important; } .neden-grid { display:grid; gap:7px 18px; grid-template-columns:repeat(auto-fit, minmax(215px, 1fr)); } .neden-oge { display:flex; align-items:center; gap:9px; font-size:0.79rem; } .neden-ad { flex:0 0 132px; color:var(--metin); font-weight:600; } .neden-bar { flex:1; height:9px; background:var(--kenar); border-radius:5px; overflow:hidden; } .neden-dolgu { height:100%; background:linear-gradient(90deg, var(--sari), #F59E0B); border-radius:5px; } .neden-puan { flex:0 0 34px; text-align:right; font-weight:800; font-variant-numeric:tabular-nums; } .neden-baslik { font-size:0.78rem; color:var(--soluk); margin-bottom:9px; } /* ═══════════════════════════════════════════════════════════════ MOBİL UYUM — ölçümle bulunan üç soruna göre Ölçüm (375×812): sayfa taşması YOK, tüm tablolar .tablo-sar içinde kayıyor. Gerçek sorunlar: (1) 100 adet 32px altı dokunma hedefi, (2) 10–11 sütunlu tablolarda sürekli yatay kaydırma, (3) kaydırılabildiğinin belli olmaması. ═══════════════════════════════════════════════════════════════ */ @media (max-width: 768px) { /* ── 1) DOKUNMA HEDEFLERİ ── Parmak ~44px ister. Görsel boyutu büyütmek düzeni bozacağı için görünmez dolgu ile tıklama alanı genişletilir. */ .yildiz-btn { font-size:1.35rem; padding:9px 8px 9px 0; margin:-9px 0; } .neden-btn { min-height:34px; padding:7px 12px; font-size:0.8rem; } .zaman-btn, .iv-btn, .sekme { min-height:40px; display:inline-flex; align-items:center; padding:9px 14px; } .coin-tablo td button, .coin-tablo td a { touch-action:manipulation; } .ym-nav a { padding:13px 14px; } /* menü öğeleri parmakla rahat */ /* ── 2) TABLOLAR: sıkılaştır + ikincil sütunları gizle ── 10 sütunlu tablo 375px'e sığmaz. Az kullanılan sütunlar mobilde gizlenir; kalanlar için yatay kaydırma yine çalışır. */ .coin-tablo { font-size:0.82rem; } .coin-tablo th { padding:9px 8px; font-size:0.68rem; letter-spacing:0.02em; white-space:normal; } /* başlık sarabilsin, sütun daralsın */ .coin-tablo td { padding:9px 8px; } .mobil-gizle { display:none !important; } /* Coin sütunu 239px yer kaplıyordu: uzun proje adı mobilde gizlenir, sembol zaten yeterli (ölçüm: 239px → ~90px). */ .coin-tablo .coin-ad .sembol { display:none; } /* Skor hücresi 135px'ti: skor rozeti ile "neden?" butonu alt alta iner. */ .coin-tablo td:has(> .av-skor) { white-space:normal; } .coin-tablo td .av-skor + .neden-btn { display:block; margin:4px 0 0 auto; } /* ── 3) KAYDIRMA İPUCU ── Sağ kenarda yumuşak gölge: "devamı var" demenin sessiz yolu. */ .tablo-sar::after { content:''; position:absolute; top:0; right:0; bottom:0; width:26px; pointer-events:none; border-radius:0 14px 14px 0; background:linear-gradient(90deg, transparent, var(--bg)); opacity:0.85; } /* ── 4) BUTON SATIRLARI: alt alta ve tam genişlik ── */ .av-ust { flex-direction:column; align-items:stretch; gap:10px; } .av-ust .btn-giris, .av-ust a.btn-giris { max-width:100% !important; } .av-ust .av-bilgi { text-align:center; font-size:0.85rem; } .sinir-ust > div:last-child { width:100%; } .sinir-ust a.btn-giris { max-width:100% !important; } /* ── 5) İÇERİK KUTULARI: mobilde nefes payı ── */ .kl-detay { padding:16px 15px; } .kl-detay > h2 { font-size:1.15rem; } .kl-sozluk, .radar-ucbolum, .neden-grid { grid-template-columns:1fr; } .kl-basamak { flex-wrap:wrap; gap:6px 10px; } .kl-basamak .kb-not { flex:1 0 100%; } .av-kural, .karar-kirilim, .tk-haber { padding:11px 13px; font-size:0.85rem; } .metrik-grid { grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px; } .metrik { padding:12px 13px; } .kk-ana { font-size:1.7rem; } /* ── Sayfa bazlı sütun gizleme ── Her tablo için mobilde hangi sütunların düşeceği. Ölçümle belirlendi: 375px ekranda içerik alanı ~347px, sütun başına ~55–90px sığıyor. */ /* Hit 400 + Piyasa Tarayıcı (7 sütun → #, Coin, Fiyat, 24s) */ .mt-piyasa th:nth-child(n+5), .mt-piyasa td:nth-child(n+5) { display:none; } /* Rapor Arşivi (5 → Tarih, Coin, İşlem) */ .mt-rapor th:nth-child(3), .mt-rapor td:nth-child(3), .mt-rapor th:nth-child(4), .mt-rapor td:nth-child(4) { display:none; } /* Sinir Karnesi — pattern tablosu (8 → Pattern, Ölçüm, Beyan, Ölçülen, Değerlendirme) */ .mt-sk1 th:nth-child(2), .mt-sk1 td:nth-child(2), .mt-sk1 th:nth-child(6), .mt-sk1 td:nth-child(6), .mt-sk1 th:nth-child(7), .mt-sk1 td:nth-child(7) { display:none; } /* Sinir Karnesi — kombinasyon (5 → Çift, Birlikte, Kazanç) */ .mt-sk2 th:nth-child(2), .mt-sk2 td:nth-child(2), .mt-sk2 th:nth-child(4), .mt-sk2 td:nth-child(4) { display:none; } /* Sinir Karnesi — coin karakterleri (6 → Coin, Dip, Tepe, Kaynak) */ .mt-sk3 th:nth-child(4), .mt-sk3 td:nth-child(4), .mt-sk3 th:nth-child(5), .mt-sk3 td:nth-child(5) { display:none; } /* Radar Karnesi — listelemeler (7 → Coin, İlan, Sonuç, Sıra, Kaç Gün) */ .mt-rk1 th:nth-child(5), .mt-rk1 td:nth-child(5), .mt-rk1 th:nth-child(7), .mt-rk1 td:nth-child(7) { display:none; } /* Radar Karnesi — duyurular: başlık sarabilsin (3 sütun, gizleme yok) */ .mt-rk2 td:last-child { white-space:normal; min-width:150px; } /* Nabız Karnesi (6 → Karar, Ölçüm, İsabet, Değerlendirme) */ .mt-nk th:nth-child(3), .mt-nk td:nth-child(3), .mt-nk th:nth-child(5), .mt-nk td:nth-child(5) { display:none; } /* ── Küçük butonlar: parmakla basılabilir olsun ── Coin Seçimi sayfasında 400 adet "+ Ekle" butonu 26px yüksekliğindeydi. */ .mini-btn { min-height:36px; padding:8px 14px; font-size:0.85rem; } .secili-cip button { min-width:32px; min-height:32px; font-size:1rem; } /* ── 6) Genişleyen "neden?" satırı mobilde taşmasın ── */ .neden-satir > td { padding:11px 12px !important; } .neden-ad { flex:0 0 96px; font-size:0.75rem; } .ru-blok .neden-ad { flex:0 0 88px; } } /* Çok dar ekranlar (küçük telefonlar) */ @media (max-width: 400px) { .icerik { padding:14px 10px; } .coin-tablo th, .coin-tablo td { padding:8px 6px; } .sayfa-baslik { font-size:1.18rem; } .alt-baslik-2 { font-size:1rem; } /* Korku & Açgözlülük kartı: 3rem'lik sayı + 20px boşluk 320px'e sığmıyordu (ölçüm: 324px). Sayı küçülür, gövde alt alta iner. */ .fng-kart { padding:14px; } .fng-govde { gap:12px; flex-wrap:wrap; } .fng-deger { font-size:2.2rem; } .fng-bar { width:100%; } /* Coin başlığında fiyat alt satıra insin, taşmasın */ .coin-baslik { gap:10px; } .coin-fiyat { margin-left:0; font-size:1.5rem; flex-basis:100%; } }