<!DOCTYPE html><html lang="ja"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Fantiaのコスプレイヤー・アイドルのSNS・プロフィール情報をまとめたディレクトリ。"><link rel="canonical" href="https://cosplay.ecchihub.info/"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="sitemap" href="/sitemap-index.xml"><link rel="alternate" type="application/rss+xml" title="コスプレイヤー図鑑" href="/rss.xml"><link rel="alternate" type="application/rss+xml" title="SNS新着投稿" href="/posts.xml"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4/dist/css/splide.min.css"><!-- OGP --><meta property="og:title" content="コスプレイヤー図鑑 - コスプレイヤー・アイドルSNSまとめ"><meta property="og:description" content="Fantiaのコスプレイヤー・アイドルのSNS・プロフィール情報をまとめたディレクトリ。"><meta property="og:type" content="website"><meta property="og:url" content="https://cosplay.ecchihub.info/"><meta property="og:site_name" content="コスプレイヤー図鑑"><meta property="og:locale" content="ja_JP"><!-- Twitter Card --><meta name="twitter:card" content="summary"><meta name="twitter:title" content="コスプレイヤー図鑑 - コスプレイヤー・アイドルSNSまとめ"><meta name="twitter:description" content="Fantiaのコスプレイヤー・アイドルのSNS・プロフィール情報をまとめたディレクトリ。"><title>コスプレイヤー図鑑 - コスプレイヤー・アイドルSNSまとめ</title><link rel="stylesheet" href="/_astro/_page_.BSLL0cSh.css">
<style>#pickup-splide .splide__slide{height:auto}#pickup-splide .splide__slide>div{height:100%;display:flex;flex-direction:column}#pickup-splide .splide__arrow{background:#ffffff1a;opacity:.7}#pickup-splide .splide__arrow:hover{opacity:1;background:#fff3}#pickup-splide .splide__arrow svg{fill:#fff}#pickup-splide .splide__pagination{position:relative;bottom:0;padding:.75rem 0 0}#pickup-splide .splide__pagination__page{background:#ffffff4d}#pickup-splide .splide__pagination__page.is-active{background:#e91e8c}
</style></head> <body class="min-h-screen flex flex-col"> <div id="age-gate" class="fixed inset-0 z-50 bg-black/95 flex items-center justify-center" style="display:none;"> <div class="bg-bg-card border border-border rounded-xl p-8 max-w-md w-full mx-4 text-center"> <h2 class="text-2xl font-bold text-white mb-4">年齢確認</h2> <p class="text-gray-400 mb-2">このサイトは18歳以上を対象とした</p> <p class="text-gray-400 mb-6">コンテンツを含んでいます。</p> <p class="text-white font-medium mb-8">あなたは18歳以上ですか？</p> <div class="flex gap-4 justify-center"> <button id="age-enter" class="px-8 py-3 bg-accent hover:bg-accent-light text-white font-medium rounded-lg transition-colors">
Enter（18歳以上）
</button> <button id="age-leave" class="px-8 py-3 bg-gray-700 hover:bg-gray-600 text-white font-medium rounded-lg transition-colors">
Leave
</button> </div> </div> </div> <script>
  (function() {
    function getCookie(name) {
      var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
      return match ? match[2] : null;
    }

    function setCookie(name, value, days) {
      var d = new Date();
      d.setTime(d.getTime() + days * 24 * 60 * 60 * 1000);
      document.cookie = name + '=' + value + ';expires=' + d.toUTCString() + ';path=/;SameSite=Lax';
    }

    var gate = document.getElementById('age-gate');
    if (!getCookie('age_verified')) {
      gate.style.display = 'flex';
      document.body.style.overflow = 'hidden';
    }

    document.getElementById('age-enter').addEventListener('click', function() {
      setCookie('age_verified', '1', 30);
      gate.style.display = 'none';
      document.body.style.overflow = '';
    });

    document.getElementById('age-leave').addEventListener('click', function() {
      window.location.href = 'https://www.google.com';
    });
  })();
</script> <header class="border-b border-border bg-bg-card/80 backdrop-blur-sm sticky top-0 z-40"> <div class="max-w-7xl mx-auto px-4"> <div class="flex items-center justify-between h-14"> <a href="/" class="flex items-center gap-2 shrink-0"> <span class="text-xl font-bold text-white">コスプレイヤー<span class="text-accent">図鑑</span></span> </a> <nav class="flex items-center gap-4"> <a href="/updates/" class="text-sm text-gray-400 hover:text-white transition-colors">更新情報</a> <a href="/tags/" class="text-sm text-gray-400 hover:text-white transition-colors">タグ</a> </nav> <form action="/" method="get" class="flex items-center"> <input type="text" name="q" placeholder="名前・SNSハンドルで検索..." class="w-40 lg:w-56 px-3 py-1.5 text-sm bg-white/5 border border-border rounded-lg text-white placeholder-gray-500 focus:outline-none focus:border-accent/50 transition-colors"> </form> </div> </div> </header> <main class="flex-1 max-w-7xl mx-auto w-full px-4 py-6"> <section class="mb-8"><h2 class="text-lg font-bold text-white mb-4">ピックアップ</h2><div id="pickup-splide" class="splide"><div class="splide__track"><ul class="splide__list"><li class="splide__slide"><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/16490" class="absolute inset-0 z-10" aria-label="♡ゆい♡ (毎日更新♡ゆい♡元気です！毎日更新してます✨)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/dtyui2020" alt="♡ゆい♡ (毎日更新♡ゆい♡元気です！毎日更新してます✨)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3">  <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">♡ゆい♡ (毎日更新♡ゆい♡元気です！毎日更新してます✨)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 452,824 </p> </div> </div> </div></li><li class="splide__slide"><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/404572" class="absolute inset-0 z-10" aria-label="ありすほりっく"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/aliceholic13" alt="ありすほりっく" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> メイド服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> オレンジ髪 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">ありすほりっく</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 410,310 </p> </div> </div> </div></li><li class="splide__slide"><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/1470" class="absolute inset-0 z-10" aria-label="せっくすふれんど (せっくすフレンズ)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/sexfri_end" alt="せっくすふれんど (せっくすフレンズ)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 着物 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 水着 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 和室 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">せっくすふれんど (せっくすフレンズ)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 306,288 </p> </div> </div> </div></li><li class="splide__slide"><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/371892" class="absolute inset-0 z-10" aria-label="ちゅきめろでぃ💗🎶 (🥰”アヘ顔めろたん”のめろめろファンクラブ👅💕)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/chukimeroday" alt="ちゅきめろでぃ💗🎶 (🥰”アヘ顔めろたん”のめろめろファンクラブ👅💕)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 自宅 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">ちゅきめろでぃ💗🎶 (🥰”アヘ顔めろたん”のめろめろファンクラブ👅💕)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 286,990 </p> </div> </div> </div></li><li class="splide__slide"><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/3709" class="absolute inset-0 z-10" aria-label="たかまり↑おぢさん (ブエナビスタ)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/buenavista_2018" alt="たかまり↑おぢさん (ブエナビスタ)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> スタジオ </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">たかまり↑おぢさん (ブエナビスタ)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 308,357 </p> </div> </div> </div></li><li class="splide__slide"><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/2506" class="absolute inset-0 z-10" aria-label="RIO (淫乱りおりおふぁんくらぶ)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/riorio0701" alt="RIO (淫乱りおりおふぁんくらぶ)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> メイド服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ウサ耳 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">RIO (淫乱りおりおふぁんくらぶ)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 230,599 </p> </div> </div> </div></li><li class="splide__slide"><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/19729" class="absolute inset-0 z-10" aria-label="コスプレテイルズ (COSPLAYTALES🦄)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/cosplay_tales" alt="コスプレテイルズ (COSPLAYTALES🦄)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> メイド服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ツインテール </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">コスプレテイルズ (COSPLAYTALES🦄)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 220,076 </p> </div> </div> </div></li><li class="splide__slide"><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/31663" class="absolute inset-0 z-10" aria-label="けんけん (けん研🧪)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/snexxxxxxx" alt="けんけん (けん研🧪)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ツインテール </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> バニーウェア </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">けんけん (けん研🧪)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 114,888 </p> </div> </div> </div></li><li class="splide__slide"><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/425671" class="absolute inset-0 z-10" aria-label="わんこちゃん (わんこす🐶)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/kiminogeboku_" alt="わんこちゃん (わんこす🐶)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> チェック柄 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">わんこちゃん (わんこす🐶)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 164,608 </p> </div> </div> </div></li><li class="splide__slide"><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/6648" class="absolute inset-0 z-10" aria-label="りずな (ワルキューレ)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/rizunya" alt="りずな (ワルキューレ)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> メイド服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> スタジオ </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">りずな (ワルキューレ)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 170,484 </p> </div> </div> </div></li><li class="splide__slide"><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/20001" class="absolute inset-0 z-10" aria-label="夏目つなり(@tsunapoe) (つなりん係)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/tsunapoe" alt="夏目つなり(@tsunapoe) (つなりん係)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 水着 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">夏目つなり(@tsunapoe) (つなりん係)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 184,937 </p> </div> </div> </div></li><li class="splide__slide"><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/4147" class="absolute inset-0 z-10" aria-label="SxxSyndRome (SxxSyndRom≠💍*。)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/sexsyndrom" alt="SxxSyndRome (SxxSyndRom≠💍*。)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> シルバーヘア </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 角 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">SxxSyndRome (SxxSyndRom≠💍*。)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 191,771 </p> </div> </div> </div></li></ul></div></div></section><script>
(function() {
  var el = document.getElementById('pickup-splide');
  if (!el) return;
  var s = document.createElement('script');
  s.src = 'https://cdn.jsdelivr.net/npm/@splidejs/splide@4/dist/js/splide.min.js';
  s.onload = function() {
    new Splide('#pickup-splide', {
      type: 'loop',
      autoplay: true,
      interval: 4000,
      pauseOnHover: true,
      perMove: 1,
      gap: '1rem',
      padding: '2rem',
      perPage: 5,
      breakpoints: {
        1280: { perPage: 4 },
        1024: { perPage: 3 },
        640: { perPage: 2, padding: '1rem' },
      },
    }).mount();
  };
  document.head.appendChild(s);
})();
</script><section> <h2 class="text-lg font-bold text-white mb-4">コスプレイヤー一覧</h2> <div class="mb-6"> <input type="text" id="search-input" placeholder="名前・SNSハンドルで検索..." class="w-full px-4 py-2.5 text-sm bg-bg-card border border-border rounded-lg text-white placeholder-gray-500 focus:outline-none focus:border-accent/50 transition-colors"> </div> <!-- Filter status --> <div id="search-status" class="text-sm text-gray-500 mb-4 hidden"></div> <!-- SSG content --> <div id="ssg-content"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4"> <div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/16490" class="absolute inset-0 z-10" aria-label="♡ゆい♡ (毎日更新♡ゆい♡元気です！毎日更新してます✨)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/dtyui2020" alt="♡ゆい♡ (毎日更新♡ゆい♡元気です！毎日更新してます✨)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3">  <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">♡ゆい♡ (毎日更新♡ゆい♡元気です！毎日更新してます✨)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 452,824 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/404572" class="absolute inset-0 z-10" aria-label="ありすほりっく"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/aliceholic13" alt="ありすほりっく" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> メイド服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> オレンジ髪 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">ありすほりっく</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 410,310 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/1470" class="absolute inset-0 z-10" aria-label="せっくすふれんど (せっくすフレンズ)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/sexfri_end" alt="せっくすふれんど (せっくすフレンズ)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 着物 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 水着 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 和室 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">せっくすふれんど (せっくすフレンズ)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 306,288 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/371892" class="absolute inset-0 z-10" aria-label="ちゅきめろでぃ💗🎶 (🥰”アヘ顔めろたん”のめろめろファンクラブ👅💕)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/chukimeroday" alt="ちゅきめろでぃ💗🎶 (🥰”アヘ顔めろたん”のめろめろファンクラブ👅💕)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 自宅 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">ちゅきめろでぃ💗🎶 (🥰”アヘ顔めろたん”のめろめろファンクラブ👅💕)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 286,990 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/3709" class="absolute inset-0 z-10" aria-label="たかまり↑おぢさん (ブエナビスタ)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/buenavista_2018" alt="たかまり↑おぢさん (ブエナビスタ)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> スタジオ </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">たかまり↑おぢさん (ブエナビスタ)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 308,357 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/2506" class="absolute inset-0 z-10" aria-label="RIO (淫乱りおりおふぁんくらぶ)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/riorio0701" alt="RIO (淫乱りおりおふぁんくらぶ)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> メイド服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ウサ耳 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">RIO (淫乱りおりおふぁんくらぶ)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 230,599 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/19729" class="absolute inset-0 z-10" aria-label="コスプレテイルズ (COSPLAYTALES🦄)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/cosplay_tales" alt="コスプレテイルズ (COSPLAYTALES🦄)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> メイド服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ツインテール </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">コスプレテイルズ (COSPLAYTALES🦄)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 220,076 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/31663" class="absolute inset-0 z-10" aria-label="けんけん (けん研🧪)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/snexxxxxxx" alt="けんけん (けん研🧪)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ツインテール </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> バニーウェア </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">けんけん (けん研🧪)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 114,888 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/425671" class="absolute inset-0 z-10" aria-label="わんこちゃん (わんこす🐶)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/kiminogeboku_" alt="わんこちゃん (わんこす🐶)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> チェック柄 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">わんこちゃん (わんこす🐶)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 164,608 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/6648" class="absolute inset-0 z-10" aria-label="りずな (ワルキューレ)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/rizunya" alt="りずな (ワルキューレ)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> メイド服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> スタジオ </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">りずな (ワルキューレ)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 170,484 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/20001" class="absolute inset-0 z-10" aria-label="夏目つなり(@tsunapoe) (つなりん係)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/tsunapoe" alt="夏目つなり(@tsunapoe) (つなりん係)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 水着 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">夏目つなり(@tsunapoe) (つなりん係)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 184,937 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/4147" class="absolute inset-0 z-10" aria-label="SxxSyndRome (SxxSyndRom≠💍*。)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/sexsyndrom" alt="SxxSyndRome (SxxSyndRom≠💍*。)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> シルバーヘア </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 角 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">SxxSyndRome (SxxSyndRom≠💍*。)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 191,771 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/421777" class="absolute inset-0 z-10" aria-label="uri (🍸BARuri🍸)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/uri11_27" alt="uri (🍸BARuri🍸)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ウサギ耳 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> オレンジ髪 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">uri (🍸BARuri🍸)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 32,696 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/26273" class="absolute inset-0 z-10" aria-label="🦊ハネアメ (HaneAme雨波)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/haneame_cos" alt="🦊ハネアメ (HaneAme雨波)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 伝統衣装 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> スタジオ </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">🦊ハネアメ (HaneAme雨波)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 53,712 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/514916" class="absolute inset-0 z-10" aria-label="Rioko凉凉子 (Riokoの補給基地)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/rioko041120" alt="Rioko凉凉子 (Riokoの補給基地)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3">  <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">Rioko凉凉子 (Riokoの補給基地)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 252 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/62300" class="absolute inset-0 z-10" aria-label="もみじ (もみじルーム🍁)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/momizi_2222" alt="もみじ (もみじルーム🍁)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> レース </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ストッキング </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">もみじ (もみじルーム🍁)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 122,656 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/509981" class="absolute inset-0 z-10" aria-label="ぶんちゃん (ぶんコス)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/CosplayerBunbun" alt="ぶんちゃん (ぶんコス)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 銀髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> フード </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ストッキング </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">ぶんちゃん (ぶんコス)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 131,508 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/7582" class="absolute inset-0 z-10" aria-label="๑╹ω╹๑ )ましゅまろ❇︎ちゃんねる。 (Jcupのリナぽ (Jカップのリナぽ)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/mochipaipai" alt="๑╹ω╹๑ )ましゅまろ❇︎ちゃんねる。 (Jcupのリナぽ (Jカップのリナぽ)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 自宅 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> セクシー </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">๑╹ω╹๑ )ましゅまろ❇︎ちゃんねる。 (Jcupのリナぽ (Jカップのリナぽ)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 116,889 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/36420" class="absolute inset-0 z-10" aria-label="黒居ろく￤ ROKU KUROI (6CH.ろくちゃんどっと)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/kr_9616" alt="黒居ろく￤ ROKU KUROI (6CH.ろくちゃんどっと)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> レザーコスチューム </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ツインテール </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">黒居ろく￤ ROKU KUROI (6CH.ろくちゃんどっと)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 145,251 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/506328" class="absolute inset-0 z-10" aria-label="プー (プーティア)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/puutin_cos" alt="プー (プーティア)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 屋外 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> セクシー </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">プー (プーティア)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 78,060 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/50309" class="absolute inset-0 z-10" aria-label="いくみ (いく民)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/193iKkyu3" alt="いくみ (いく民)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 自宅 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> スタジオ </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">いくみ (いく民)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 75,562 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/13196" class="absolute inset-0 z-10" aria-label="こも🍓@comonun🍓冬の新刊販売中🌈 (こもどっとえくぜ☆)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/comonun" alt="こも🍓@comonun🍓冬の新刊販売中🌈 (こもどっとえくぜ☆)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ツインテール </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 金髪 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">こも🍓@comonun🍓冬の新刊販売中🌈 (こもどっとえくぜ☆)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 125,890 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/35998" class="absolute inset-0 z-10" aria-label="南ゆい🌻（こおりちゃん🧊） (南ゆいの絶対零度)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/CRYBABY0430" alt="南ゆい🌻（こおりちゃん🧊） (南ゆいの絶対零度)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> コスプレ衣装 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 白髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> エルフ耳 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">南ゆい🌻（こおりちゃん🧊） (南ゆいの絶対零度)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 126,100 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/60323" class="absolute inset-0 z-10" aria-label="りお🐱 (毎日更新🌟🎀むちむちJカップりおの秘密部屋🎀)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/bu_ivv" alt="りお🐱 (毎日更新🌟🎀むちむちJカップりおの秘密部屋🎀)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 水着 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 自宅 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">りお🐱 (毎日更新🌟🎀むちむちJカップりおの秘密部屋🎀)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 107,568 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/4483" class="absolute inset-0 z-10" aria-label="同人アキバ出版"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/doujinakiba" alt="同人アキバ出版" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 金髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 水着 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">同人アキバ出版</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 132,756 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/7586" class="absolute inset-0 z-10" aria-label="田中みか (田中みかのえっち置き場🍊)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/mikamikatn" alt="田中みか (田中みかのえっち置き場🍊)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 自宅 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> セクシー </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">田中みか (田中みかのえっち置き場🍊)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 114,597 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/155028" class="absolute inset-0 z-10" aria-label="yunocy (柚屋)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://c.fantia.jp/uploads/fanclub/icon_image/155028/242671d3-13f9-4919-8e3d-0a019aaf9ee4.jpeg" alt="yunocy (柚屋)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ウサギ耳 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> スタジオ </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">yunocy (柚屋)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 134,835 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/515271" class="absolute inset-0 z-10" aria-label="✦ 𝓑𝔂𝓸𝓻𝓾 ✦ (⛓️Byoru jail⛓️)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/byoruuuu" alt="✦ 𝓑𝔂𝓸𝓻𝓾 ✦ (⛓️Byoru jail⛓️)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> イベント会場 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">✦ 𝓑𝔂𝓸𝓻𝓾 ✦ (⛓️Byoru jail⛓️)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 8,327 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/242093" class="absolute inset-0 z-10" aria-label="Azami (♡ Azami's Corner ♡)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/Azami_1110" alt="Azami (♡ Azami's Corner ♡)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> コスプレ </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 銀髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 猫耳 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">Azami (♡ Azami&#39;s Corner ♡)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 10,789 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/12752" class="absolute inset-0 z-10" aria-label="yutori🐹 (ゆとりだより🌱)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/creamcandy123" alt="yutori🐹 (ゆとりだより🌱)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> メイド服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> スタジオ </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">yutori🐹 (ゆとりだより🌱)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 124,838 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/22886" class="absolute inset-0 z-10" aria-label="広瀬もこ (マヨナカ配信)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/mokoone5" alt="広瀬もこ (マヨナカ配信)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> メイド服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ショートヘア </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">広瀬もこ (マヨナカ配信)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 111,505 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/498762" class="absolute inset-0 z-10" aria-label="乙アリス (おつありす！)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/alice12190216" alt="乙アリス (おつありす！)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> メイド服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 金髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 浴室 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">乙アリス (おつありす！)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 103,887 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/11064" class="absolute inset-0 z-10" aria-label="御伽樒 (しき民くらぶ)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/otogi_shi" alt="御伽樒 (しき民くらぶ)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> コスプレ </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ウサ耳 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> パウンド </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">御伽樒 (しき民くらぶ)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 81,597 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/7290" class="absolute inset-0 z-10" aria-label="まい (カノジョドリ！ファンクラブ)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/mai_kanojo_dori" alt="まい (カノジョドリ！ファンクラブ)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 魔女服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> スカート </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">まい (カノジョドリ！ファンクラブ)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 108,065 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/298370" class="absolute inset-0 z-10" aria-label="沖田杏梨 Anri Okita (沖田杏梨 セイバーズ)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/anriokita_real" alt="沖田杏梨 Anri Okita (沖田杏梨 セイバーズ)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> イベント会場 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> かわいい </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">沖田杏梨 Anri Okita (沖田杏梨 セイバーズ)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 25,357 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/285413" class="absolute inset-0 z-10" aria-label="かさぎ (🐰ྀིかしゃぎゃ🗝)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/kasagi_cos" alt="かさぎ (🐰ྀིかしゃぎゃ🗝)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 動物耳 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">かさぎ (🐰ྀིかしゃぎゃ🗝)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 35,625 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/13265" class="absolute inset-0 z-10" aria-label="林檎蜜紀 (りんごみつきすけべ部)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/akb_rb_zaurus" alt="林檎蜜紀 (りんごみつきすけべ部)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 制服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 水着 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">林檎蜜紀 (りんごみつきすけべ部)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 83,510 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/10696" class="absolute inset-0 z-10" aria-label="無無田 (mumut@!)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/mumutamumu" alt="無無田 (mumut@!)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3">  <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">無無田 (mumut@!)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 76,231 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/126510" class="absolute inset-0 z-10" aria-label="misa呆呆 (咪咪咪)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/misao_28" alt="misa呆呆 (咪咪咪)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 黒髪 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> ツインテール </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> 白い翼 </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">misa呆呆 (咪咪咪)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 89,634 </p> </div> </div> </div><div class="group relative bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30"> <a href="/cosplayer/115314" class="absolute inset-0 z-10" aria-label="ポメ子 (ポメ子のお部屋)"></a> <div class="aspect-[3/4] overflow-hidden bg-black relative"> <img src="https://unavatar.io/x/odangodaisuki99" alt="ポメ子 (ポメ子のお部屋)" loading="lazy" onerror="this.onerror=null;this.src='/placeholder.svg';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"> <!-- Gradient overlay for name readability --> <div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div> <!-- Name overlay --> <div class="absolute bottom-0 inset-x-0 p-3"> <div class="flex flex-wrap gap-1 mb-1"> <span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> メイド服 </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> フィッシュネットストッキング </span><span class="text-[10px] px-1.5 py-0.5 bg-accent/20 text-accent rounded drop-shadow"> レース </span> </div> <h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">ポメ子 (ポメ子のお部屋)</h3> <p class="text-[11px] text-gray-300 mt-0.5 drop-shadow"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 inline-block mr-0.5 -mt-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> 108,444 </p> </div> </div> </div> </div> <nav class="flex items-center justify-center gap-1 mt-8"><a href="/" class="px-3 py-2 text-sm rounded-lg transition-colors bg-accent text-white font-medium">1</a><a href="/2" class="px-3 py-2 text-sm rounded-lg transition-colors text-gray-400 hover:text-white hover:bg-white/5">2</a><a href="/3" class="px-3 py-2 text-sm rounded-lg transition-colors text-gray-400 hover:text-white hover:bg-white/5">3</a><span class="px-2 py-2 text-sm text-gray-600">...</span><a href="/80" class="px-3 py-2 text-sm rounded-lg transition-colors text-gray-400 hover:text-white hover:bg-white/5">80</a><a href="/2" class="px-3 py-2 text-sm text-gray-400 hover:text-white hover:bg-white/5 rounded-lg transition-colors">
次へ &rarr;
</a></nav> </div> <!-- Client-side filtered results --> <div id="filtered-content" class="hidden"> <div id="search-results" class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4"></div> <div id="no-results" class="hidden text-center py-12 text-gray-500"> <p>該当するコスプレイヤーが見つかりませんでした</p> </div> </div> </section>  </main> <footer class="border-t border-border mt-12"> <div class="max-w-7xl mx-auto px-4 py-8"> <div class="text-center space-y-3"> <p class="text-sm text-gray-500">
当サイトは18歳未満の方の閲覧は固く禁じます。掲載情報は独自のロジックで収集しています。
</p> <p class="text-sm text-gray-500"> <a href="/about/" class="hover:text-gray-300 underline underline-offset-2">運営者情報・お問い合わせ</a> </p> <p class="text-sm text-gray-600">
&copy; 2026 ecchihub.info
</p> </div> </div> </footer> </body></html> <script>
(function() {
  var searchInput = document.getElementById('search-input');
  if (!searchInput) return;

  var index = null;
  var debounceTimer = null;
  var currentQuery = '';

  // Pick up ?q= from header search form
  var params = new URLSearchParams(window.location.search);
  var q = params.get('q');
  if (q) {
    searchInput.value = q;
    currentQuery = q.toLowerCase().trim();
  }

  function ensureIndex(cb) {
    if (index) return cb();
    fetch('/search-index.json')
      .then(function(r) { return r.json(); })
      .then(function(data) { index = data; cb(); });
  }

  function toggleView() {
    var ssg = document.getElementById('ssg-content');
    var filtered = document.getElementById('filtered-content');
    var status = document.getElementById('search-status');
    if (currentQuery) {
      ssg.classList.add('hidden');
      filtered.classList.remove('hidden');
      status.classList.remove('hidden');
      ensureIndex(runSearch);
    } else {
      ssg.classList.remove('hidden');
      filtered.classList.add('hidden');
      status.classList.add('hidden');
      status.textContent = '';
    }
  }

  // Trigger initial search if ?q= present
  if (currentQuery) toggleView();

  searchInput.addEventListener('input', function(e) {
    clearTimeout(debounceTimer);
    debounceTimer = setTimeout(function() {
      currentQuery = e.target.value.toLowerCase().trim();
      toggleView();
    }, 300);
  });

  function runSearch() {
    if (!index) return;
    var results = index.filter(function(item) {
      if (currentQuery) {
        var haystack = (item.n + ' ' + (item.s || '') + ' ' + (item.t || '')).toLowerCase();
        if (haystack.indexOf(currentQuery) === -1) return false;
      }
      return true;
    });

    renderResults(results.slice(0, 80));

    var statusEl = document.getElementById('search-status');
    var noResultsEl = document.getElementById('no-results');
    if (results.length === 0) {
      statusEl.textContent = '';
      noResultsEl.classList.remove('hidden');
    } else {
      noResultsEl.classList.add('hidden');
      statusEl.textContent = results.length + '件の結果' + (results.length > 80 ? '（80件まで表示）' : '');
    }
  }

  function renderResults(items) {
    var container = document.getElementById('search-results');
    var html = '';
    for (var i = 0; i < items.length; i++) {
      var item = items[i];
      var img = item.img || '/placeholder.svg';
      var follower = item.f ? '<p class="text-[11px] text-gray-300 mt-0.5 drop-shadow">' + escapeHtml(String(item.f.toLocaleString())) + '</p>' : '';
      html += '<a href="/cosplayer/' + escapeHtml(item.id) + '" class="group block bg-bg-card border border-border rounded-lg overflow-hidden transition-all duration-200 hover:scale-[1.02] hover:shadow-lg hover:shadow-accent/10 hover:border-accent/30">'
        + '<div class="aspect-[3/4] overflow-hidden bg-black relative">'
        + '<img src="' + escapeHtml(img) + '" alt="' + escapeHtml(item.n) + '" loading="lazy" onerror="this.onerror=null;this.src=\'/placeholder.svg\';" class="w-full h-full object-cover transition-transform duration-200 group-hover:scale-105" />'
        + '<div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent"></div>'
        + '<div class="absolute bottom-0 inset-x-0 p-3">'
        + '<h3 class="text-sm font-bold text-white line-clamp-1 leading-snug drop-shadow-lg">' + escapeHtml(item.n) + '</h3>'
        + follower
        + '</div>'
        + '</div></a>';
    }
    container.innerHTML = html;
  }

  function escapeHtml(str) {
    if (!str) return '';
    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
  }
})();
</script>