<div style="font-family: 'Segoe UI', Verdana, sans-serif; background: linear-gradient(135deg, #ff5fa2 0%, #ff1493 35%, #8a2be2 70%, #4b0082 100%); color: #fff; padding: 28px; border-radius: 24px; max-width: 900px; margin: 20px auto; line-height: 1.7; text-shadow: 0 1px 3px rgba(0,0,0,0.4); position: relative; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.35); border: 1px solid rgba(255,255,255,0.15);">

  
  <div style="position:absolute; inset:0; pointer-events:none; z-index:0;">
    <div style="position:absolute; width:220px; height:220px; background:rgba(255,255,255,0.08); border-radius:50%; top:-60px; left:-60px; filter:blur(10px);"></div>
    <div style="position:absolute; width:180px; height:180px; background:rgba(255,204,255,0.08); border-radius:50%; bottom:-40px; right:-40px; filter:blur(10px);"></div>
    <div style="position:absolute; width:140px; height:140px; background:rgba(255,255,255,0.06); border-radius:50%; top:45%; left:75%; filter:blur(8px);"></div>
  </div>

  
  <div style="position:absolute; inset:0; z-index:0; pointer-events:none;">
    <div style="position:absolute; top:14%; left:12%; width:8px; height:8px; border-radius:50%; background:#ffd6f0; animation: sparkle 3s infinite ease-in-out;"></div>
    <div style="position:absolute; top:26%; left:82%; width:10px; height:10px; border-radius:50%; background:#ffe7fb; animation: sparkle 4s infinite ease-in-out;"></div>
    <div style="position:absolute; top:70%; left:20%; width:7px; height:7px; border-radius:50%; background:#ffd6f0; animation: sparkle 3.6s infinite ease-in-out;"></div>
    <div style="position:absolute; top:78%; left:72%; width:9px; height:9px; border-radius:50%; background:#ffe7fb; animation: sparkle 4.5s infinite ease-in-out;"></div>
  </div>

  
  <div style="position:absolute; inset:0; z-index:1; pointer-events:none; opacity:0.22;">
    <div style="position:absolute; top:78%; left:12%; font-size:2rem; animation: float 7s infinite ease-in-out;">♪</div>
    <div style="position:absolute; top:60%; left:78%; font-size:2.4rem; animation: float 8s infinite ease-in-out;">♫</div>
    <div style="position:absolute; top:34%; left:64%; font-size:1.8rem; animation: float 6.5s infinite ease-in-out;">♬</div>
  </div>

  
  <div style="position:relative; z-index:2; text-align:center; padding: 8px 0 18px 0;">
    <div style="display:inline-block; padding:6px 14px; border-radius:999px; background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.18); font-size:0.95em; font-weight:600; margin-bottom:14px;">
      🎶 Premium Discord Music Experience
    </div>

    <h1 style="margin:0; font-size:3em; line-height:1.1; color:#fff;">
      Miko Radio
    </h1>

    <p style="margin:12px auto 0 auto; max-width:720px; font-size:1.18em; color:#ffeaf6;">
      Turn your Discord server into a full music hub with smooth playback, beautiful controls, powerful features, and nonstop vibes.
    </p>
  </div>

  
  <div style="position:relative; z-index:2; text-align:center; margin: 18px 0 24px 0;">
    <a href="https://discord.com/oauth2/authorize?client_id=1176036435523022969&permissions=2184571952&scope=bot+applications.commands" style="display:inline-block; margin:8px; background:linear-gradient(135deg,#ffffff,#ffd9ef); color:#c40068; padding:14px 26px; border-radius:999px; font-size:1.08em; font-weight:700; text-decoration:none; box-shadow:0 10px 25px rgba(0,0,0,0.22);">
      ➕ Add to Discord
    </a>

    <a href="https://discord.gg/VhAj8K4C6F" style="display:inline-block; margin:8px; background:rgba(255,255,255,0.12); color:#fff; padding:14px 26px; border-radius:999px; font-size:1.08em; font-weight:700; text-decoration:none; border:1px solid rgba(255,255,255,0.22); box-shadow:0 10px 25px rgba(0,0,0,0.18);">
      💬 Join Support Server
    </a>
  </div>

  
  <div style="position:relative; z-index:2; background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.16); border-radius:20px; padding:18px; margin-bottom:24px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);">
    <h2 style="margin:0 0 12px 0; text-align:center; color:#fff3fa; font-size:1.8em;">
      🌐 Live Preview
    </h2>

    <iframe
      src="https://www.mikoradio.com"
      width="100%"
      height="520"
      scrolling="yes"
      style="border:2px solid rgba(255,255,255,0.18); border-radius:16px; background:#fff; overflow:auto; box-shadow:0 8px 22px rgba(0,0,0,0.22);"
    ></iframe>
  </div>

  
  <div style="position:relative; z-index:2; display:grid; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); gap:14px; margin-bottom:24px;">
    <div style="background:rgba(255,255,255,0.10); border-radius:18px; padding:16px; text-align:center; border:1px solid rgba(255,255,255,0.14);">
      <div style="font-size:1.8em; font-weight:800;">24/7</div>
      <div style="font-size:0.98em; color:#ffe3f3;">Always-on music</div>
    </div>
    <div style="background:rgba(255,255,255,0.10); border-radius:18px; padding:16px; text-align:center; border:1px solid rgba(255,255,255,0.14);">
      <div style="font-size:1.8em; font-weight:800;">15+</div>
      <div style="font-size:0.98em; color:#ffe3f3;">Audio filters</div>
    </div>
    <div style="background:rgba(255,255,255,0.10); border-radius:18px; padding:16px; text-align:center; border:1px solid rgba(255,255,255,0.14);">
      <div style="font-size:1.8em; font-weight:800;">Multi-Source</div>
      <div style="font-size:0.98em; color:#ffe3f3;">YouTube, Spotify, SoundCloud</div>
    </div>
    <div style="background:rgba(255,255,255,0.10); border-radius:18px; padding:16px; text-align:center; border:1px solid rgba(255,255,255,0.14);">
      <div style="font-size:1.8em; font-weight:800;">Fast Setup</div>
      <div style="font-size:0.98em; color:#ffe3f3;">Ready in minutes</div>
    </div>
  </div>

  
  <div style="position:relative; z-index:2; margin-bottom:24px;">
    <h2 style="text-align:center; font-size:2em; color:#fff3fa; margin-bottom:16px;">
      ✨ Why Servers Choose Miko Radio
    </h2>

    <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:14px;">
      <div style="background:rgba(255,255,255,0.10); border-radius:18px; padding:16px; border:1px solid rgba(255,255,255,0.14);">
        <div style="font-size:1.15em; font-weight:700; margin-bottom:6px;">🎵 Multi-Platform Playback</div>
        <div style="color:#ffe8f5;">Play music from YouTube, Spotify, and SoundCloud with smooth queue handling and easy controls.</div>
      </div>

      <div style="background:rgba(255,255,255,0.10); border-radius:18px; padding:16px; border:1px solid rgba(255,255,255,0.14);">
        <div style="font-size:1.15em; font-weight:700; margin-bottom:6px;">🎚️ Advanced Audio Controls</div>
        <div style="color:#ffe8f5;">Shape your server’s sound with powerful filters, custom playback options, and nonstop listening modes.</div>
      </div>

      <div style="background:rgba(255,255,255,0.10); border-radius:18px; padding:16px; border:1px solid rgba(255,255,255,0.14);">
        <div style="font-size:1.15em; font-weight:700; margin-bottom:6px;">📜 Lyrics & Community Tools</div>
        <div style="color:#ffe8f5;">Bring songs to life with real-time lyrics and useful quality-of-life commands for active communities.</div>
      </div>

      <div style="background:rgba(255,255,255,0.10); border-radius:18px; padding:16px; border:1px solid rgba(255,255,255,0.14);">
        <div style="font-size:1.15em; font-weight:700; margin-bottom:6px;">🛠️ Easy to Use</div>
        <div style="color:#ffe8f5;">Simple setup, clean commands, and fast support make it easy for any server to get started.</div>
      </div>

      <div style="background:rgba(255,255,255,0.10); border-radius:18px; padding:16px; border:1px solid rgba(255,255,255,0.14);">
        <div style="font-size:1.15em; font-weight:700; margin-bottom:6px;">🔄 24/7 Music Modes</div>
        <div style="color:#ffe8f5;">Keep the vibe alive all day and night with autoplay and persistent music sessions.</div>
      </div>

      <div style="background:rgba(255,255,255,0.10); border-radius:18px; padding:16px; border:1px solid rgba(255,255,255,0.14);">
        <div style="font-size:1.15em; font-weight:700; margin-bottom:6px;">💬 Real Support</div>
        <div style="color:#ffe8f5;">Need help or want updates? Join the community and get support directly from the team.</div>
      </div>
    </div>
  </div>

  
  <div style="position:relative; z-index:2; background:rgba(255,255,255,0.10); border-radius:20px; padding:20px; border:1px solid rgba(255,255,255,0.16); margin-bottom:24px;">
    <h2 style="text-align:center; margin-top:0; font-size:1.9em; color:#fff3fa;">
      ⚡ Popular Commands
    </h2>

    <div style="display:flex; flex-wrap:wrap; gap:10px; justify-content:center;">
      <span style="background:rgba(255,255,255,0.16); padding:10px 14px; border-radius:999px; font-weight:600;">/setup</span>
      <span style="background:rgba(255,255,255,0.16); padding:10px 14px; border-radius:999px; font-weight:600;">/autoplay</span>
      <span style="background:rgba(255,255,255,0.16); padding:10px 14px; border-radius:999px; font-weight:600;">/24/7</span>
      <span style="background:rgba(255,255,255,0.16); padding:10px 14px; border-radius:999px; font-weight:600;">/lyrics</span>
      <span style="background:rgba(255,255,255,0.16); padding:10px 14px; border-radius:999px; font-weight:600;">/report</span>
      <span style="background:rgba(255,255,255,0.16); padding:10px 14px; border-radius:999px; font-weight:600;">/suggestions</span>
      <span style="background:rgba(255,255,255,0.16); padding:10px 14px; border-radius:999px; font-weight:600;">/ticket-setup</span>
    </div>
  </div>

  
  <div style="position:relative; z-index:2; text-align:center; padding-top:6px;">
    <h2 style="margin:0 0 10px 0; font-size:2em; color:#fff;">
      Ready to upgrade your server’s music?
    </h2>
    <p style="margin:0 auto 18px auto; max-width:680px; font-size:1.08em; color:#ffe7f6;">
      Add Miko Radio today and give your community a stylish, reliable, feature-packed music experience.
    </p>

    <a href="https://discord.com/oauth2/authorize?client_id=1176036435523022969&permissions=2184571952&scope=bot+applications.commands" style="display:inline-block; background:linear-gradient(135deg,#fff,#ffd8ed); color:#c40068; padding:15px 28px; border-radius:999px; font-size:1.12em; font-weight:800; text-decoration:none; box-shadow:0 12px 28px rgba(0,0,0,0.25);">
      🚀 Invite Miko Radio
    </a>
  </div>

  <style>
    @keyframes sparkle {
      0%, 100% { opacity: 0.35; transform: scale(0.7); }
      50% { opacity: 1; transform: scale(1.15); }
    }

    @keyframes float {
      0% { transform: translateY(0px); opacity: 0; }
      25% { opacity: 0.55; }
      50% { opacity: 0.35; }
      100% { transform: translateY(-180px); opacity: 0; }
    }
  </style>
</div>

Miko Radio

Miko Radio — High-quality multi-music bot supporting YouTube, Spotify, SoundCloud with DJ System and more. 3 years strong with 99% uptime!

Miko Radio に投票

私たちをサポートしませんか？