喜歡萌王和史萊姆的快進來♡ 來者不拒！ 伺服器的主題是萌萌的史萊姆✦  哦對了 想玩西洋棋歡迎找群主 他說他無人能敵 歡迎被他虐菜XD

<section class="m-slime-card">
  <header class="m-slime-header">
    <span class="m-slime-title"> ✧ ༺࿇𓆩༒利姆露的小黑屋༒𓆪࿇༻ 內容概覽✧</span>
  </header>
  <p class="m-slime-overview">
    群組內容涵蓋：萌王表情包、「萌王大人」伺服器標籤、活人聊天、~~群主bot服務~~、小說創作區、遊戲專區、RPG冒險、豐富影音分享與更多特色等你發掘。
  </p>
  <section class="m-slime-features">
    <span class="m-slime-feat-title">詳細特色</span>
    <div class="m-slime-feature-wrap">
      <span class="m-slime-feature m-slime-h">✦ 自製機器人</span>
      <span class="m-slime-feature">✦ 機器人遊戲</span>
      <span class="m-slime-feature">✦ RPG遊戲區</span>
      <span class="m-slime-feature m-slime-h">✦ 小說區</span>
      <span class="m-slime-feature m-slime-h">✦ 補習區</span>
      <span class="m-slime-feature">✦ 工作區(需聯絡群主)</span>
      <span class="m-slime-feature m-slime-h">✦ 協助訂閱YT, IG…</span>
      <span class="m-slime-feature">✦ 活人聊天</span>
      <span class="m-slime-feature">✦ 史萊姆論壇</span>
      <span class="m-slime-feature m-slime-h">✦ 史萊姆表符</span>
      <span class="m-slime-feature m-slime-h">✦ 史萊姆貼圖</span>
      <span class="m-slime-feature m-slime-h">✦ 「萌王大人」標籤</span>
      <span class="m-slime-feature">✦ 瑟圖區</span>
      <span class="m-slime-feature">✦ 香圖區</span>
      <span class="m-slime-feature">✦ 梗圖區</span>
      <span class="m-slime-feature">✦ 語音</span>
      <span class="m-slime-feature">✦ 遊戲約人</span>
      <span class="m-slime-feature">✦ 西洋棋討論區</span>
      <span class="m-slime-feature m-slime-h">✦ 小型編程區</span>
      <span class="m-slime-feature">✦ 海龜湯</span>
      <span class="m-slime-feature m-slime-h">✦ 社群合作</span>
      <span class="m-slime-feature m-slime-h">✦ 400+成員</span>
    </div>
  </section>
  <section class="m-slime-links">
    <span class="m-slime-tip">✧ 有興趣的話，歡迎進來探索 ✧</span><br>
    <a class="m-slime-link" href="https://discord.gg/melonslime" target="_blank">༺𓆩✦點我加入伺服器✦𓆪༻
</a>
  </section>
</section>
<style>
/* 1. 全站主體背景提升神秘感 */
body {
  background: linear-gradient(50deg, #00d2ff -90%, #b7e7fe 45%, #546dc5 80%, #4ac4ff 115%) !important;
  background-image: url("https://i.imgur.com/xl8fhdg.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
}

/* 2. 左側伺服器主卡片外觀（含陰影再加一層柔和光暈） */
.ServerBot_section__left__container__infoContainer__ZkVLW {
  background: rgba(25, 35, 55, 0.97);
  border-radius: 18px;
  box-shadow: 0 6px 32px rgba(80,120,220,0.13), 0 6px 32px #7ad9ef3a, 0 1.5px 8px #b5cfff36;
  padding: 22px 18px 16px 18px;
  border: 1.5px solid #38487a;
  margin-bottom: 20px;
  transition: box-shadow 0.25s;
}
.ServerBot_section__left__container__infoContainer__ZkVLW:hover {
  box-shadow: 0 12px 48px 0 #7ad9ef3a, 0 2px 8px #444b7a36, 0 6px 32px #7ad9ef3a, 0 1.5px 8px #b5cfff36;
}

/* 3. 伺服器名稱（標題）特效 */
.ServerBot_servercard_name__KTOAu {
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-shadow: 0 2px 8px #4366ad, 0 1.5px 2px #203050;
  border-bottom: 2px solid #5a7fd8;
  padding-bottom: 6px;
  margin-bottom: 6px;
  display: inline-block;
  background: linear-gradient(92deg, #bdd4ff 40%, #7ad9ef 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* 4. 伺服器簡介、次要描述 */
.ServerBot_brief_description__yK0Bq {
  color: #e3e7ff;
  font-size: 1.04rem;
  letter-spacing: 0.1em;
  margin: 8px 0 0 16px;
  text-shadow: 0 1px 3px #2b304a40;
  transition: color 0.2s;
}

/* 5. 主卡片宣傳區（自訂群組） */
.m-slime-card {
  font-family: 'Segoe UI', 'Noto Sans TC', Arial, sans-serif;
  max-width: 950px;
  margin: 0 auto 30px auto;
  background: rgba(30,34,41,0.96);
  border-radius: 14px;
  box-shadow: 0 3px 18px #7ad9ef3a, 0 1.5px 8px #b5cfff36;
  padding: 22px 14px 16px 14px;
  border: 1.5px solid #47587a;
}
.m-slime-header { text-align: center; margin-bottom: 8px; }
.m-slime-title {
  display: inline-block;
  font-size: 1.45rem;
  letter-spacing: 1px;
  color: #bdd4ff;
  font-weight: 700;
  text-shadow: 0 1.5px 6px #284b7a;
  border-bottom: 2px solid #4d6fd8;
  padding-bottom: 7px;
}
.m-slime-overview {
  text-align: center;
  margin-bottom: 15px;
  color: #f4f7fa;
  font-size: 1.06rem;
}
.m-slime-features {
  background: rgba(48,65,98,0.97);
  border-radius: 8px;
  padding: 13px 8px 8px 8px;
  margin-bottom: 17px;
}
.m-slime-feat-title {
  display: block;
  color: #bdd4ff;
  font-size: 1.13rem;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  font-weight: 500;
  text-shadow: 0 1.5px 6px #2d3d8a33;
}
.m-slime-feature-wrap { margin-top: 6px; margin-bottom: 2px; }
.m-slime-links { margin-top: 12px; text-align: center; }
.m-slime-tip {
  color: #bdd4ff;
  font-size: 1.01rem;
  letter-spacing: 0.1em;
}
.m-slime-link {
  display: inline-block;
  margin-top: 8px;
  color: #232d3c;
  background: linear-gradient(92deg,#bdd4ff 70%,#7ad9ef 100%);
  padding: 10px 27px;
  border-radius: 8px;
  font-size: 1.13rem;
  font-weight: 700;
  letter-spacing: 1px;
  box-shadow: 0 2px 8px rgba(60,110,190,0.09);
  text-decoration: none;
  transition: background 0.18s, box-shadow 0.18s;
}
.m-slime-link:hover {
  background: linear-gradient(90deg,#7ad9ef 0%,#bdd4ff 100%);
  box-shadow: 0 4px 20px #7ad9ef7a;
  text-decoration: underline;
  color: #20243b;
}

/* 6. 特色小盒子（如你自己加的span） */
.m-slime-feature {
  background: rgba(255,255,255,0.14);
  color: #e7ecff;
  border-radius: 6px;
  border-left: 3px solid #7eaaff;
  box-shadow: 0 1.5px 4px rgba(90,110,160,0.03);
  font-size: 0.99rem;
  padding: 5px 11px 5px 8px;
  margin: 0 7px 7px 0;
  min-width: 93px;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 3px #28304a;
  vertical-align: middle;
  transition: background 0.18s, color 0.2s;
}
.m-slime-feature.m-slime-h {
  background: rgba(255,222,110,0.23);
  color: #ffe194;
  border-left: 3px solid #e3b95d;
  text-shadow: 0 1px 3px #7d5d2e;
}
.m-slime-feature:hover { background: rgba(200,220,255,0.26); }

/* 7. 主要加入伺服器按鈕（主區/左欄皆可） */
.ServerBot_join_button__S_9On .css-1ce28vs, 
.css-1ce28vs, .elfpdwl0 {
  background: linear-gradient(92deg, #bdd4ff 70%, #7ad9ef 100%) !important;
  color: #1a233a !important;
text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000,
             1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
  border-radius: 10px !important;
  font-size: 1.13rem !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  box-shadow: 0 2px 8px rgba(60,110,190,0.09) !important;
  border: none !important;
  padding: 12px 36px !important;
  transition: background 0.18s, box-shadow 0.18s;
}
.ServerBot_join_button__S_9On .css-1ce28vs:hover,
.css-1ce28vs:hover, .elfpdwl0:hover {
  background: linear-gradient(90deg, #7ad9ef 0%, #bdd4ff 100%) !important;
  box-shadow: 0 4px 24px #7ad9ef7a !important;
  color: #20243b !important;
  text-decoration: underline;
}

/* 8. 按鈕內文字（加入伺服器/回報） */
.ServerBot_join_button__S_9On .elfpdwl3,
.ServerBot_join_button__S_9On .eynkud3,
.elfpdwl3, .eynkud3, .css-kbn7if eynkuud3, .eynkuud3 {
text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000,
             1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000 !important;
  font-size: 1.09rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.7px !important;
}

/* 9. 伺服器橫幅標題美化 */
h3 {
  font-size: 1.19rem;
  color: #3759b1;
  letter-spacing: 1.5px;
  font-weight: 700;
  text-shadow: 0 3px 16px #bdd4ff60, 0 1px 2px #1e2e6a75;
  border-left: 4px solid #bdd4ff;
  padding-left: 10px;
  margin-bottom: 13px;
  margin-top: 25px;
  background: linear-gradient(86deg, #eaf6ff 30%, #bdd4ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* 10. 右側卡片（投票、資訊）區塊 */
.ServerBot_detail_card__sX2gS {
  background: rgba(30,34,41,0.98);
  border-radius: 15px;
  box-shadow: 0 4px 18px #7ad9ef2c, 0 1px 7px #b5cfff19;
  border: 1.5px solid #47587a;
  margin-bottom: 18px;
  padding: 18px 13px 15px 13px;
  color: #e7ecff;
  font-size: 1.04rem;
}
.ServerBot_detail_card__sX2gS p {
  color: #bdd4ff;
  font-weight: 700;
  font-size: 1.07rem;
  margin-bottom: 8px;
  text-shadow: 0 1px 5px #7ad9ef30;
}
/* 右側卡片內主要按鈕（投票成功、人數、回報） */
.ServerBot_detail_card__sX2gS button,
.ServerBot_detail_card__sX2gS .css-6lk0s,
.ServerBot_detail_card__sX2gS .css-1gbbk1u {
  background: linear-gradient(95deg, #bdd4ff 60%, #7ad9ef 100%) !important;
  color: #000 !important;
  text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000,
             1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000 !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 1.11rem !important;
  letter-spacing: 1px !important;
  box-shadow: 0 1.5px 8px #7ad9ef44 !important;
  border: none !important;
  margin: 7px 0 0 0 !important;
  padding: 9px 18px !important;
  transition: background 0.18s, box-shadow 0.18s;
}
.ServerBot_detail_card__sX2gS button:hover,
.ServerBot_detail_card__sX2gS .css-6lk0s:hover,
.ServerBot_detail_card__sX2gS .css-1gbbk1u:hover {
  background: linear-gradient(90deg,#7ad9ef 0%,#bdd4ff 100%) !important;
  box-shadow: 0 4px 18px #7ad9ef7a !important;
  color: #20243b !important;
  text-decoration: underline;
}

/* 11. RWD行動版 */
@media (max-width: 600px) {
  .m-slime-card { max-width: 99vw; padding: 12px 2vw; }
  .m-slime-feature { min-width: 77px; font-size: 0.96rem; }
}
</style>

༺࿇𓆩༒利姆露的小黑屋༒𓆪࿇༻

每日人數變化

伺服器橫幅