/* ===== Stacy 英语星球 · 星空梦幻风（仅作用于首页） ===== */

/* 首页根容器：深空渐变 */
.from-emerald-50{
  background:linear-gradient(180deg,#0a0e27 0%,#17123f 45%,#2a1660 100%) !important;
  position:relative;overflow:clip;
}

/* 星星层 */
.from-emerald-50::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    radial-gradient(1.6px 1.6px at 25px 35px,#fff,transparent),
    radial-gradient(1.2px 1.2px at 75px 90px,#c7d2fe,transparent),
    radial-gradient(1.8px 1.8px at 130px 40px,#fde68a,transparent),
    radial-gradient(1px 1px at 180px 120px,#fff,transparent),
    radial-gradient(1.4px 1.4px at 60px 160px,#f0abfc,transparent),
    radial-gradient(1.1px 1.1px at 210px 70px,#fff,transparent),
    radial-gradient(1.5px 1.5px at 100px 200px,#a5b4fc,transparent);
  background-size:240px 240px;
  animation:twinkle 4s ease-in-out infinite alternate;
  opacity:.8;
}
/* 星云光晕层 */
.from-emerald-50::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(600px 300px at 15% 8%,rgba(139,92,246,.28),transparent 70%),
    radial-gradient(700px 350px at 85% 20%,rgba(236,72,153,.18),transparent 70%),
    radial-gradient(500px 400px at 50% 90%,rgba(56,189,248,.14),transparent 70%);
}
@keyframes twinkle{from{opacity:.45}to{opacity:.9}}
.from-emerald-50 > *{position:relative;z-index:1}

/* 标题：鎏金渐变字 */
.from-emerald-50 h1.text-emerald-900{
  background:linear-gradient(92deg,#fef3c7 0%,#fbbf24 30%,#f0abfc 65%,#a5b4fc 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 2px 14px rgba(240,171,252,.45));
  letter-spacing:.02em;
}
.from-emerald-50 .text-emerald-700\/80{color:#c4b5fd !important}
.from-emerald-50 .text-emerald-700{color:#d8b4fe !important}
.from-emerald-50 .text-emerald-900{color:#ede9fe !important}
.from-emerald-50 .text-emerald-800{color:#e9d5ff !important}
.from-emerald-50 .text-gray-800{color:#e6e1ff !important}
.from-emerald-50 .text-gray-500{color:#b0a7e6 !important}
.from-emerald-50 .text-gray-400{color:#8f86c4 !important}

/* 头像光环 */
.from-emerald-50 .ring-emerald-200{
  --tw-ring-color:#a78bfa !important;
  box-shadow:0 0 18px rgba(167,139,250,.55);
}

/* 顶部选项卡栏：深夜半透 */
.from-emerald-50 nav.bg-white\/90{
  background:rgba(16,11,43,.78) !important;
  border-color:rgba(139,92,246,.35) !important;
  backdrop-filter:blur(10px);
}
.from-emerald-50 nav .border-emerald-600{border-color:#f0abfc !important;color:#f0abfc !important}
.from-emerald-50 nav .text-gray-500{color:#a29ad9 !important}
.from-emerald-50 nav .hover\:text-emerald-600:hover{color:#f0abfc !important}

/* 学生入口按钮：星云渐变 */
.from-emerald-50 .bg-emerald-600{
  background:linear-gradient(92deg,#7c3aed,#c026d3) !important;
  border:none !important;color:#fff !important;
  box-shadow:0 4px 20px rgba(147,51,234,.5);
}
.from-emerald-50 .bg-emerald-600:hover{background:linear-gradient(92deg,#8b5cf6,#d946ef) !important}
.from-emerald-50 .hover\:bg-emerald-700:hover{background:linear-gradient(92deg,#8b5cf6,#d946ef) !important}

/* 教师登录 outline 按钮 */
.from-emerald-50 .border-emerald-600{
  border-color:#a78bfa !important;color:#d8b4fe !important;background:rgba(139,92,246,.12) !important;
}

/* 卡片：星光玻璃 */
.from-emerald-50 [data-slot="card"]{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(167,139,250,.32) !important;
  backdrop-filter:blur(8px);
  box-shadow:0 4px 24px rgba(10,6,40,.45),inset 0 1px 0 rgba(255,255,255,.08) !important;
  transition:transform .18s ease,box-shadow .18s ease;
}
.from-emerald-50 [data-slot="card"]:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 34px rgba(139,92,246,.35),inset 0 1px 0 rgba(255,255,255,.1) !important;
  border-color:rgba(240,171,252,.55) !important;
}

/* 单词对战大卡：深空紫 + 强辉光 */
.from-emerald-50 .from-indigo-500{
  background:linear-gradient(100deg,#4c1d95,#7e22ce 55%,#be185d) !important;
  box-shadow:0 8px 40px rgba(126,34,206,.55),inset 0 1px 0 rgba(255,255,255,.15) !important;
  border-color:rgba(240,171,252,.4) !important;
}
.from-emerald-50 .text-indigo-100{color:#e9d5ff !important}
.from-emerald-50 .text-indigo-900{color:#4c1d95 !important}

/* 听写闯关小金丸 */
.from-emerald-50 .bg-amber-100{
  background:linear-gradient(92deg,#fbbf24,#f59e0b) !important;
  color:#451a03 !important;font-weight:600;
  box-shadow:0 2px 10px rgba(251,191,36,.4);
}
.from-emerald-50 .text-amber-800{color:#451a03 !important}
.from-emerald-50 .hover\:bg-amber-200:hover{background:linear-gradient(92deg,#fcd34d,#fbbf24) !important}

/* 课本封面描边 */
.from-emerald-50 .border-gray-200{border-color:rgba(167,139,250,.4) !important}

/* 底部备案条：融入夜色 */
#icp-footer{background:rgba(10,8,30,.6) !important;color:#8f86c4 !important;backdrop-filter:blur(6px)}
#icp-footer a{color:#8f86c4 !important}

/* 首页入口按钮 */
.st-entrance{display:inline-block;padding:13px 26px;border-radius:14px;font-size:16px;font-weight:bold;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.st-entrance:hover{transform:translateY(-2px)}
.st-stu{background:linear-gradient(92deg,#7c3aed,#c026d3);color:#fff;box-shadow:0 4px 20px rgba(147,51,234,.5)}
.st-tch{background:rgba(139,92,246,.14);border:1px solid #a78bfa;color:#d8b4fe}
.st-apply{background:transparent;border:1px dashed rgba(176,167,230,.5);color:#b0a7e6;font-size:14px;padding:12px 18px}

/* 单词突击·音形对应 主页横幅大卡 */
.from-emerald-50 .wg-banner{
  background:linear-gradient(100deg,#9d174d,#e11d74 55%,#7c5cbf) !important;
  box-shadow:0 8px 40px rgba(225,29,116,.5),inset 0 1px 0 rgba(255,255,255,.15) !important;
  border-color:rgba(240,171,252,.45) !important;
}
.from-emerald-50 .wg-banner:hover{
  box-shadow:0 12px 48px rgba(225,29,116,.6),inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.from-emerald-50 .wg-banner .text-indigo-900{color:#581c1c !important}

.from-emerald-50 .ls-banner{background:linear-gradient(135deg,#0e7490,#0891b2) !important}