<style>
:root {
  --gold-matt: #f0c36d; 
  --rot-matt: #ff4d4d; 
  --grau-matt: #888888;
  --bg-dunkel: #0a0a0a;
  --st-farbe: var(--grau-matt);
}
 
/* Brücke für den Namen (unsichtbar) */
.name-bridge-v38 { display: none !important; visibility: hidden; }
 
/* Animation für die Online-LED */
@keyframes pulse-gold-v38 {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(240, 195, 109, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 5px rgba(240, 195, 109, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(240, 195, 109, 0); }
}
 
.status-led-v38 { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; vertical-align: middle; }
.led-online-v38 { background: var(--gold-matt); animation: pulse-gold-v38 2s infinite; }
.led-offline-v38 { background: var(--rot-matt); opacity: 0.6; }
.led-gast-v38 { background: var(--grau-matt); }
 
/* Altes Design ausblenden, wenn fertig */
.is-ready-v38 .messageUser > div:not(.messageAvatar),
.is-ready-v38 .messageUser > span:not(.messageAvatar),
.is-ready-v38 .messageUser br,
.is-ready-v38 .user_regdate, 
.is-ready-v38 .user_posts, 
.is-ready-v38 .user_likes, 
.is-ready-v38 .messageuserlinks,
.is-ready-v38 .rank_text { 
    display: none !important; 
}
 
.messageUser span img, div.messageinformation { display: none !important; }
.sidebarcontent { text-align: center !important; }
 
/* Modernes Design */
.messageAvatar { position: relative; width: 260px; margin: 30px auto; display: flex !important; flex-direction: column; align-items: center; }
.modern-frame-v38 { position: relative; width: 180px; height: 180px; background: var(--bg-dunkel); border-radius: 45px; border: 1px solid rgba(255, 255, 255, 0.12); overflow: hidden; }
.messageAvatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 43px; filter: grayscale(0.4); transition: 0.5s; }
.messageAvatar:hover .modern-frame-v38 { transform: translateY(-5px); border-color: var(--st-farbe); }
.messageAvatar:hover img { filter: grayscale(0) brightness(1.1); transform: scale(1.05); }
 
.author-name-v38 { font: 900 32px 'Inter', sans-serif; color: #ffffff; margin-top: 20px; display: block; letter-spacing: -1px; line-height: 1; text-transform: uppercase; }
.system-grid-v38 { width: 230px; margin-top: 25px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.data-item-v38 { display: flex; flex-direction: column; text-align: left; padding-left: 10px; }
.data-label-v38 { font: 800 8px 'JetBrains Mono', monospace; color: #555; text-transform: uppercase; }
.data-value-v38 { font: 700 11px 'Inter', sans-serif; color: #bbb; margin-top: 4px; }
 
.pn-link-v38 { color: var(--st-farbe); text-decoration: none; font-weight: 800; font-size: 10px; border: 1px solid rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 3px; transition: 0.3s; }
.pn-link-v38:hover { background: rgba(255,255,255,0.1); }
 
.signal-footer-v38 { margin-top: 25px; font: 700 10px 'Inter', sans-serif; color: rgba(255,255,255,0.5); background: rgba(255, 255, 255, 0.03); padding: 8px 15px; border-radius: 4px; }
.st-online { --st-farbe: var(--gold-matt); }
.st-offline { --st-farbe: var(--rot-matt); }
.st-gast { --st-farbe: var(--grau-matt); }
</style>
 
{{message.startlist}}
<!-- Hier wird der Name sicher zwischengespeichert -->
<div id="bridge{{message:pt}}" class="name-bridge-v38">{{message:author_name}}</div>
 
<script>
(function(id, userId) {
    window.addEventListener('load', function() {
        const post = document.querySelector(`#post${id}`);
        if (!post) return;
 
        // NAME HOLEN
        const bridge = document.getElementById(`bridge${id}`);
        const userName = bridge ? bridge.innerText.trim() : "System-User";
 
        const wrap = post.querySelector('.messageAvatar');
        if (!wrap) return;
 
        // 1. REGISTRIERT LOGIK
        let finalReg = "{{message:user_regdate}}";
        if (!finalReg || finalReg === "" || finalReg.includes('unbekannt')) {
            const findDate = post.innerHTML.match(/\d{2}\.\d{2}\.\d{4}/); 
            finalReg = findDate ? findDate : "Nicht Aktiv";
        }
 
        // 2. FUNKTION LOGIK
        let finalRank = "{{message:rank_name}}";
        if (!finalRank || finalRank === "" || finalRank.includes('{{')) {
            const rankEl = post.querySelector('.rank_text');
            finalRank = rankEl ? rankEl.innerText.trim() : "Mitglied";
        }
 
        // 3. STERNZEICHEN
        function getZodiac(dateStr) {
            const match = dateStr.match(/(\d{2})\.(\d{2})/);
            if (!match) return "<span>&#128274;</span> Geheim";
            const d = parseInt(match[1]), m = parseInt(match[2]);
            if((m==3 && d>=21)||(m==4 && d<=20)) return "<span>&#9800;</span> Widder";
            if((m==4 && d>=21)||(m==5 && d<=20)) return "<span>&#9801;</span> Stier";
            if((m==5 && d>=21)||(m==6 && d<=21)) return "<span>&#9802;</span> Zwillinge";
            if((m==6 && d>=22)||(m==7 && d<=22)) return "<span>&#9803;</span> Krebs";
            if((m==7 && d>=23)||(m==8 && d<=23)) return "<span>&#9804;</span> Löwe";
            if((m==8 && d>=24)||(m==9 && d<=23)) return "<span>&#9805;</span> Jungfrau";
            if((m==9 && d>=24)||(m==10 && d<=23)) return "<span>&#9806;</span> Waage";
            if((m==10 && d>=24)||(m==11 && d<=22)) return "<span>&#9807;</span> Skorpion";
            if((m==11 && d>=23)||(m==12 && d<=21)) return "<span>&#9808;</span> Schütze";
            if((m==12 && d>=22)||(m==1 && d<=20)) return "<span>&#9809;</span> Steinbock";
            if((m==1 && d>=21)||(m==2 && d<=19)) return "<span>&#9810;</span> Wassermann";
            if((m==2 && d>=20)||(m==3 && d<=20)) return "<span>&#9811;</span> Fische";
            return "<span>&#128274;</span> Geheim";
        }
        const allDates = post.innerHTML.match(/(\d{2})\.(\d{2})\.(\d{4})/g);
        const finalZodiac = allDates && allDates.length > 1 ? getZodiac(allDates[allDates.length-1]) : "<span>&#128274;</span> Geheim";
 
        // 4. STATUS LOGIK (Repariert: Unterscheidet Standby von Gast)
        let sClass = 'st-offline', sAnzeige = '<span class="status-led-v38 led-offline-v38"></span> STANDBY';
        
        if (userId && userId !== "0" && userId !== "") {
            // Es ist ein registriertes Mitglied
            {{message:online==true.start}} 
                sClass = 'st-online'; 
                sAnzeige = '<span class="status-led-v38 led-online-v38"></span> ONLINE'; 
            {{message:online==true.else}}
                sClass = 'st-offline'; 
                sAnzeige = '<span class="status-led-v38 led-offline-v38"></span> STANDBY'; 
            {{message:online==true.end}}
        } else {
            // Es ist ein Gast
            sClass = 'st-gast'; 
            sAnzeige = '<span class="status-led-v38 led-gast-v38"></span> GAST';
        }
 
        // 5. BAUEN
        const imgHTML = wrap.innerHTML;
        wrap.className = `messageAvatar ${sClass}`;
        wrap.innerHTML = `
            <div class="modern-frame-v38">${imgHTML}</div>
            <span class="author-name-v38">${userName}</span>
            <div class="system-grid-v38">
                <div class="data-item-v38">
                    <span class="data-label-v38">Nutzer-ID</span>
                    <span class="data-value-v38" style="color:#fff;">${userName}</span>
                </div>
                <div class="data-item-v38">
                    <span class="data-label-v38">Status</span>
                    <span class="data-value-v38" style="color:var(--st-farbe);">${sAnzeige}</span>
                </div>
                <div class="data-item-v38">
                    <span class="data-label-v38">Funktion</span>
                    <span class="data-value-v38">${finalRank}</span>
                </div>
                <div class="data-item-v38">
                    <span class="data-label-v38">Registriert</span>
                    <span class="data-value-v38" style="font-size:9px;">${finalReg}</span>
                </div>
                <div class="data-item-v38">
                    <span class="data-label-v38">Beiträge</span>
                    <span class="data-value-v38" style="color:#fff;">{{message:user_posts}}</span>
                </div>
                <div class="data-item-v38">
                    <span class="data-label-v38">Dankbarkeit</span>
                    <span class="data-value-v38" style="color:var(--gold-matt);">{{message:user_likes}} LIKES</span>
                </div>
                <div class="data-item-v38">
                    <span class="data-label-v38">Astro-ID</span>
                    <span class="data-value-v38">${finalZodiac}</span>
                </div>
                <div class="data-item-v38">
                    <span class="data-label-v38">Kontakt</span>
                    <span class="data-value-v38">
                        <a href="private_new.php?sendto=${userId}" class="pn-link-v38">SENDEN</a>
                    </span>
                </div>
            </div>
            <div class="signal-footer-v38">SIGNAL // <b>VERSCHLÜSSELT</b></div>
        `;
        
        post.classList.add('is-ready-v38');
    });
})('{{message:pt}}', '{{message:user_id}}');
</script>
{{message.end}}