/* =======================================================
   🌈 多主题系统 v2.0 — 星火VTC 全站可切换配色主题
   ======================================================= */

:root {
  --theme: pink;  /* 默认粉色 */
}






/* retro */
:root[data-theme="retro"] {
  --bg-1: #f4f9f1;
  --bg-2: #d0e3d1;
  --text-1: #2c4b35;
  --text-2: #8b9e82;
  --accent-1: #6b8f63;
  --accent-2: #92b89b;
  --muted: #6e7e68;
}
[data-theme="retro"] body {
  background: linear-gradient(180deg, #f4f9f1, #d0e3d1);
}
[data-theme="retro"] .card {
  background: white;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(100, 130, 80, 0.2);
}
[data-theme="retro"] .navbar {
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid #d4e0c1;
}

/* candy */
:root[data-theme="candy"] {
  --bg-1: #ffe6f6;
  --bg-2: #ffdaf2;
  --text-1: #4c3d49;
  --text-2: #d56a8c;
  --accent-1: #ff99cc;
  --accent-2: #ff80c2;
  --muted: #b89aa8;
}
[data-theme="candy"] body {
  background: linear-gradient(180deg, #fff4f8, #ffdaf2);
}
[data-theme="candy"] .card {
  background: white;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(255, 100, 150, 0.2);
}
[data-theme="candy"] .navbar {
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 90, 150, 0.3);
}

/* carbom */
:root[data-theme="carbon"] {
  --bg-1: #0d0d0d;
  --bg-2: #161616;
  --text-1: #f2f2f2;
  --text-2: #a8a8a8;
  --accent-1: #ff2c2c;
  --accent-2: #ffa1a1;
  --muted: #808080;
}
[data-theme="carbon"] body {
  background: #0d0d0d url('https://img.alicdn.com/imgextra/i3/2200636983228/O1CN01SVCn8O1qUZNsSLWYs_!!2200636983228.png') repeat;
  background-size: 300px;
}
[data-theme="carbon"] .card {
  background: rgba(0,0,0,.6);
  border: 1px solid #292929;
  color: white;
}
[data-theme="carbon"] .btn-main {
  background: #ff2c2c;
  color: white;
}
/* forest */
:root[data-theme="forest"] {
  --bg-1: #f4fff7;
  --bg-2: #e9ffe9;
  --text-1: #162a18;
  --text-2: #4c6e50;
  --accent-1: #2fa85e;
  --accent-2: #6ee3a0;
  --muted: #8caa94;
}
[data-theme="forest"] body {
  background: linear-gradient(180deg,#ffffff,#edffee);
}
[data-theme="forest"] .card {
  background: white;
  box-shadow: 0 6px 14px rgba(50,150,80,.12);
}
/* velvet */
:root[data-theme="velvet"] {
  --bg-1: #0d0814;
  --bg-2: #160f24;
  --text-1: #f0e6ff;
  --text-2: #bba6d9;
  --accent-1: #a36cff;
  --accent-2: #c49aff;
  --muted: #8e7aa5;
}
[data-theme="velvet"] body {
  background: linear-gradient(180deg,#0d0814,#160f24);
}
[data-theme="velvet"] .card {
  background: #150d22;
  border: 1px solid #2e1f47;
  box-shadow: 0 0 20px rgba(110,60,200,.25);
}
/* silk */
:root[data-theme="silk"] {
  --bg-1: #ffffff;
  --bg-2: #fbfbfb;
  --text-1: #1f1f1f;
  --text-2: #707070;
  --accent-1: #000000;
  --accent-2: #3f3f3f;
  --muted: #8a8a8a;
}
[data-theme="silk"] body {
  background: white;
}
[data-theme="silk"] .card {
  background: white;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.06);
}
/* emerald */
:root[data-theme="emerald"] {
  --bg-1: #0c1310;
  --bg-2: #131d19;
  --text-1: #e8fff3;
  --text-2: #a5c3b8;
  --accent-1: #2bffb4;
  --accent-2: #55ffd2;
  --muted: #6e847a;
}
[data-theme="emerald"] body {
  background: linear-gradient(180deg,#0a0f0d,#15221c);
}
[data-theme="emerald"] .card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(50,255,180,.25);
  backdrop-filter: blur(10px);
}
[data-theme="emerald"] .btn-main {
  background: linear-gradient(90deg,#2bffb4,#55ffd2);
  color: #0b1410;
}
/* sunset */

:root[data-theme="sunset"] {
  --bg-1: #1c1410;
  --bg-2: #251a14;
  --text-1: #ffe7d6;
  --text-2: #c8b2a3;
  --accent-1: #ff7a3c;
  --accent-2: #ffb469;
  --muted: #9b8375;
}
[data-theme="sunset"] body {
  background: linear-gradient(180deg,#1a1410,#251a14);
}
[data-theme="sunset"] .card {
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,120,50,.25);
}
[data-theme="sunset"] .btn-main {
  background: linear-gradient(90deg,#ff7a3c,#ffb469);
  color: white;
}
/* nordic */
:root[data-theme="nordic"] {
  --bg-1: #f8fbff;
  --bg-2: #edf5ff;
  --text-1: #1d2935;
  --text-2: #5c718a;
  --accent-1: #4c8dff;
  --accent-2: #7bb3ff;
  --muted: #8da2b5;
}
[data-theme="nordic"] body {
  background: linear-gradient(180deg,#ffffff,#eef4ff);
}
[data-theme="nordic"] .card {
  background: white;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(80,120,200,.12);
}
[data-theme="nordic"] .navbar {
  background: rgba(255,255,255,.95) !important;
  border-bottom: 1px solid #d2e2ff;
}


/* sakura */
:root[data-theme="sakura"] {
  --bg-1: #ffffff;
  --bg-2: #fff7fb;
  --text-1: #2d2d2d;
  --text-2: #746b78;
  --accent-1: #ff6fa9;
  --accent-2: #ff9fc6;
  --muted: #988b95;
}
[data-theme="sakura"] body {
  background: linear-gradient(180deg,#fff,#fff4fa);
}
[data-theme="sakura"] .card {
  background: white;
  border-radius: 18px;
  box-shadow: 4px 4px 12px rgba(255,150,190,.2),
              -4px -4px 12px rgba(255,240,250,1);
}
[data-theme="sakura"] .btn-main {
  border-color: var(--accent-1);
  color: var(--accent-1);
}
[data-theme="sakura"] .btn-main:hover {
  background: var(--accent-1);
  color: white;
}
/* violet */



:root[data-theme="violet"] {
  --bg-1: #faf7ff;
  --bg-2: #f1e9ff;
  --text-1: #2b2144;
  --text-2: #6f5c9c;
  --accent-1: #9b5eff;
  --accent-2: #c69fff;
  --muted: #8b7bac;
}

body[data-theme="violet"] {
  background: linear-gradient(180deg,#ffffff,#f4ebff);
}

/* 卡片 */
[data-theme="violet"] .card {
  background: white;
  box-shadow: 6px 6px 16px rgba(150,120,255,.2),
              -6px -6px 16px rgba(255,255,255,1);
}

/* 按钮 */
[data-theme="violet"] .btn-main {
  border-color: var(--accent-1);
  color: var(--accent-1);
}
[data-theme="violet"] .btn-main:hover {
  background: linear-gradient(90deg,#9b5eff,#c69fff);
  color: #fff;
}

/* 导航栏 */
[data-theme="violet"] .navbar {
  background: rgba(255,255,255,0.9) !important;
  border-bottom: 1px solid #e4d6ff;
}

/* cyber */
:root[data-theme="cyber"] {
  --bg-1: #0d0d0d;
  --bg-2: #171717;
  --text-1: #f5f5f5;
  --text-2: #aaaaaa;
  --accent-1: #ff3b3b;
  --accent-2: #ff7676;
  --muted: #777;
}

body[data-theme="cyber"] {
  background: #0d0d0d;
}

/* 卡片 */
[data-theme="cyber"] .card {
  background: #141414;
  border: 1px solid #2a2a2a;
  box-shadow: 0 0 18px rgba(255,60,60,.25);
}

/* 按钮 */
[data-theme="cyber"] .btn-main {
  background: #ff3b3b;
  color: white;
  border: 1px solid #ff6f6f;
}
[data-theme="cyber"] .btn-main:hover {
  background: #ff6f6f;
}

/* 导航栏 */
[data-theme="cyber"] .navbar {
  background: #0f0f0f !important;
  border-bottom: 1px solid #ff3b3b;
}



/* ocean */
:root[data-theme="ocean"] {
  --bg-1: #f6fcff;
  --bg-2: #e9f7ff;
  --text-1: #1a2e3a;
  --text-2: #4c7388;
  --accent-1: #32b1d6;
  --accent-2: #5de0df;
  --muted: #7a96a5;
}

/* 背景 */
body[data-theme="ocean"] {
  background: linear-gradient(180deg,#ffffff,#e7f6ff);
}

/* 卡片 */
[data-theme="ocean"] .card {
  background: white;
  box-shadow: 6px 6px 16px rgba(0,123,167,0.12),
              -6px -6px 16px rgba(255,255,255,1);
}

/* 按钮 */
[data-theme="ocean"] .btn-main {
  border-color: var(--accent-1);
  color: var(--accent-1);
}
[data-theme="ocean"] .btn-main:hover {
  background: linear-gradient(90deg,#32b1d6,#5de0df);
  color: white;
}

/* 导航栏 */
[data-theme="ocean"] .navbar {
  background: rgba(255,255,255,0.95) !important;
  border-bottom: 2px solid #ccefff;
}



/* galaxy */
:root[data-theme="galaxy"] {
  --bg-1: #0e0b24;
  --bg-2: #1b1440;
  --text-1: #e8e4ff;
  --text-2: #b8b0f0;
  --accent-1: #a678ff;
  --accent-2: #6f4cff;
  --muted: #8f89ad;
  --glass: rgba(255,255,255,0.08);
}
body[data-theme="galaxy"] {
  background: linear-gradient(135deg,#0b0820,#1a1242,#110a2c);
  background-attachment: fixed;
}

/* 卡片玻璃风 */
[data-theme="galaxy"] .card {
  background: var(--glass);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(150,130,255,0.2);
  box-shadow: 0 0 25px rgba(120,60,255,0.2);
  border-radius: 16px;
}

/* 导航栏 */
[data-theme="galaxy"] .navbar {
  background: rgba(20,15,55,0.6) !important;
  border-bottom: 1px solid rgba(150,130,255,0.25);
  backdrop-filter: blur(14px);
}

/* 霓虹按钮 */
[data-theme="galaxy"] .btn-main {
  background: linear-gradient(90deg,#a678ff,#6f4cff);
  color: #fff;
  border: none;
  box-shadow: 0 0 20px rgba(150,100,255,0.4);
}
[data-theme="galaxy"] .btn-main:hover {
  box-shadow: 0 0 30px rgba(180,120,255,0.55);
  transform: translateY(-2px);
}
/* theme silver */

:root[data-theme="silver"] {
  --bg-1: #f9f9f9;
  --bg-2: #efefef;
  --text-1: #1f1f1f;
  --text-2: #575757;
  --accent-1: #5f6b7a;
  --accent-2: #9aa4b2;
  --muted: #7b7b7b;
}

/* 背景 */
[data-theme="silver"] body {
  background: linear-gradient(180deg,#fff,#f2f2f2);
}

/* 卡片 */
[data-theme="silver"] .card {
  background: #ffffff;
  border: 1px solid #e2e2e2;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

/* 按钮 */
[data-theme="silver"] .btn-main
/* ===== Theme: neon ===== */
:root[data-theme="neon"] {
  --bg-1: #0e0e16;
  --bg-2: #151520;
  --text-1: #e4e7ff;
  --text-2: #a3a8c9;
  --accent-1: #6a5cff;
  --accent-2: #a267ff;
  --muted: #6f7293;
  --card-shadow: 0 0 20px rgba(120, 100, 255, .25);
}
[data-theme="neon"] .card {
  background: #1a1a29;
  border: 1px solid rgba(150,120,255,0.2);
  box-shadow: 0 0 30px rgba(120,100,255,.25);
}
[data-theme="neon"] .navbar {
  background: rgba(20,20,35,0.85) !important;
  border-bottom: 1px solid rgba(120,100,255,.3);
  backdrop-filter: blur(12px);
}
[data-theme="neon"] .btn-main {
  background: linear-gradient(90deg, var(--accent-1), var(--accent-2));
  color: #fff;
  border: none;
  box-shadow: 0 0 16px rgba(130,120,255,.4);
}
/* ===== Theme: fresh ===== */
:root[data-theme="fresh"] {
  --bg-1: #ffffff;
  --bg-2: #f7fffb;
  --text-1: #2e3e35;
  --text-2: #6a8f78;
  --accent-1: #30c48d;
  --accent-2: #6ff0bf;
  --muted: #8aa99a;
  --card-shadow: 8px 8px 20px rgba(48,180,140,0.15);
}
[data-theme="fresh"] .navbar {
  background: #ffffff !important;
  border-bottom: 2px solid #c8f8e2;
}
[data-theme="fresh"] .btn-main {
  border-color: var(--accent-1);
  color: var(--accent-1);
}
[data-theme="fresh"] .btn-main:hover {
  background: var(--accent-1);
  color: #fff;
}

/* ===== Theme: aurora ===== */
:root[data-theme="aurora"] {
  --bg-1: #0d1117;
  --bg-2: #0f1621;
  --text-1: #d6e2ff;
  --text-2: #9dbad6;
  --accent-1: #00d1b2;   /* 青绿 */
  --accent-2: #00a2ff;   /* 天蓝 */
  --muted: #6f8599;
  --card-shadow: 0 0 20px rgba(0,200,200,.2);
}

[data-theme="aurora"] .card {
  background: #111a26;
  border: 1px solid rgba(0,180,200,0.2);
  box-shadow: 0 0 30px rgba(0,180,200,.15);
}
[data-theme="aurora"] .btn-main {
  background: linear-gradient(90deg, var(--accent-1), var(--accent-2));
  color: #fff;
  border: none;
}
[data-theme="aurora"] .navbar {
  background: rgba(15,22,33,0.75) !important;
  border-bottom: 1px solid rgba(0,180,200,.3);
}

/* ===== Theme: gold ===== */
:root[data-theme="gold"] {
  --bg-1: #ffffff;
  --bg-2: #faf7f0;
  --text-1: #2e2b28;
  --text-2: #776c63;
  --accent-1: #c89b3c;    /* 金色 */
  --accent-2: #e5c375;
  --muted: #948b82;
  --card-shadow: 10px 10px 26px rgba(200,155,60,0.15);
}

[data-theme="gold"] .navbar {
  background: #fff8e7 !important;
  border-bottom: 2px solid #e5d3a6;
}
[data-theme="gold"] .btn-main {
  border-color: var(--accent-1);
  color: var(--accent-1);
}
[data-theme="gold"] .btn-main:hover {
  background: var(--accent-1);
  color: white;
}
[data-theme="gold"] .card {
  background: #fffdf8;
  border: 1px solid #f2e6c7;
}
/* ========== Pink 主题（你的现有主题）========== */
:root[data-theme="pink"] {
  --bg-1: #ffffff;
  --bg-2: #fff9fc;
  --text-1: #2e2a2d;
  --accent-1: #d63384;
  --accent-2: #f672b6;
  --muted: #7a6b76;
  --shadow-light: rgba(245,200,220,0.25);
  --shadow-dark: #fff;
}

/* ========== Purple 梦幻紫 ========== */
:root[data-theme="purple"] {
  --bg-1: #faf7ff;
  --bg-2: #f4edff;
  --text-1: #2e2a3d;
  --accent-1: #8b00ff;
  --accent-2: #c56cff;
  --muted: #7b6b8d;
  --shadow-light: rgba(200,170,255,0.25);
  --shadow-dark: #ffffff;
}

/* ========== Blue 天空蓝 ========== */
:root[data-theme="blue"] {
  --bg-1: #f0f7ff;
  --bg-2: #e8f3ff;
  --text-1: #223344;
  --accent-1: #007bff;
  --accent-2: #5ab4ff;
  --muted: #5d738a;
  --shadow-light: rgba(180,210,255,0.25);
  --shadow-dark: #ffffff;
}

/* ========== Green 薄荷绿 ========== */
:root[data-theme="green"] {
  --bg-1: #f0fff9;
  --bg-2: #e6fff4;
  --text-1: #224433;
  --accent-1: #14b389;
  --accent-2: #6cdfc4;
  --muted: #66887a;
  --shadow-light: rgba(150,230,200,0.25);
  --shadow-dark: #ffffff;
}

/* ========== Dark 黑金深色（拟态风）========== */
:root[data-theme="dark"] {
  --bg-1: #1b1b1f;
  --bg-2: #202024;
  --text-1: #eeeeee;
  --accent-1: #ffcc66;
  --accent-2: #ecb44b;
  --muted: #aaaaaa;
  --shadow-light: rgba(255,255,255,0.04);
  --shadow-dark: rgba(0,0,0,0.6);
}


/* 页面加载淡入动画 */
body.page-loading {
  opacity: 0;
  transform: translateY(10px);
}
body.page-loaded {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .6s ease, transform .6s ease;
}

.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: all .7s ease;
}
.reveal.show {
  opacity: 1;
  transform: translateY(0);
}

/* 🌸 星火 VTC — 柔光拟态浅粉精致版 v1.3 */

:root {
  --bg-1: #ffffff;
  --bg-2: #fff9fc;
  --text-1: #2e2a2d;
  --text-2: #ccccff;
  --accent-1: #d63384;    /* 主粉：稍深一点 */
  --accent-2: #f672b6;    /* 次粉：浅亮 */
  --muted: #7a6b76;
  --card-shadow: 6px 6px 12px rgba(245,200,220,0.25), -6px -6px 12px #fff;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: linear-gradient(180deg, #fff, var(--bg-2));
  font-family: "Nunito","Microsoft YaHei",sans-serif;
  color: var(--text-1);
}

/* ---------- 导航 ---------- */
.navbar {
  background: rgba(255,255,255,0.92) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid #f4cade !important;
  box-shadow: 0 4px 16px rgba(255,170,200,0.1);
}

.navbar .navbar-brand {
  color: var(--accent-1) !important;
  font-weight: 700;
}

.navbar .nav-link {
  color: var(--text-1) !important;
  font-weight: 600;
}
.navbar .nav-link:hover {
  color: var(--accent-1) !important;
}

/* ---------- 卡片 ---------- */
.card {
  background: #fff;
  border-radius: 16px;
  border: none;
  box-shadow: var(--card-shadow);
  transition: all .25s ease;
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(250,170,210,0.18);
}

/* ---------- 按钮 ---------- */
.btn-main {
  background: #fff;
  color: var(--accent-1);
  border: 2px solid var(--accent-2);
  border-radius: 25px;
  font-weight: 700;
  padding: 10px 22px;
  transition: all .25s ease;
  box-shadow: 0 4px 10px rgba(250,200,220,0.15);
}
.btn-main:hover {
  background: linear-gradient(90deg,var(--accent-1),var(--accent-2));
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(250,180,210,0.25);
}

.btn-outline-success {
  border: 1px solid var(--accent-2);
  color: var(--accent-1);
  border-radius: 20px;
}
.btn-outline-success:hover {
  background: var(--accent-2);
  color: #fff;
}

/* ---------- 标题与文字 ---------- */
h1,h2,h3,h4,h5 {
  color: var(--accent-1);
  font-weight: 700;
}
.text-muted { color: var(--muted) !important; }

/* ---------- 徽章 ---------- */
.badge-open {
  background: var(--accent-1);
  color: #fff;
  border-radius: 8px;
  padding: 3px 8px;
  font-size: 0.85rem;
  margin-left: 8px;
}

/* ---------- Markdown 内容 ---------- */
.markdown-content {
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--text-2);
}
.markdown-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 14px auto;
  border-radius: 10px;
  border: 4px solid #fff;
  box-shadow: 0 6px 18px rgba(255,170,210,0.18);
}

/* ---------- 表单 ---------- */
.form-control {
  background: #fff;
  border: 1px solid #f1d0e0;
  border-radius: 10px;
  padding: 10px 12px;
  box-shadow: inset 2px 2px 4px #f8e0ec, inset -2px -2px 4px #fff;
  color: var(--text-1);
}
.form-label {
  color: var(--accent-1);
  font-weight: 600;
}

/* ---------- 页脚 ---------- */
.footer {
  background: var(--bg-2);
  text-align: center;
  color: var(--accent-1);
  padding: 24px;
  font-weight: 600;
  border-top: 1px solid #f3cadd;
}

/* ---------- Q&A卡片 ---------- */
.qa-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: var(--card-shadow);
  padding: 20px;
}
.qa-card h5 { color: var(--accent-1); }
.qa-card p { margin-top: 6px; color: var(--text-1); }

/* ---------- 响应式 ---------- */
@media (max-width:768px){
  .btn-main { width:100%; }
  .container { padding-left:16px; padding-right:16px; }
}


/* 🌸 首页扩展样式模块 - v1.3+ */

/* 轮播图淡入淡出动画 */
.carousel-item {
  transition: opacity 1s ease-in-out !important;
}
.carousel-item img {
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(255,170,210,0.15);
}

/* Q&A 模块美化 */
.qa-card {
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}
.qa-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(135deg, rgba(255,240,250,0.3), rgba(255,255,255,0.6));
  opacity: 0;
  transition: opacity .3s ease;
  z-index: 0;
}
.qa-card:hover::before {
  opacity: 1;
}
.qa-card h5, .qa-card p {
  position: relative;
  z-index: 1;
}

/* 首页嵌入 iframe 模块 */
.embed-section {
  margin: 40px 0;
}
.embed-section iframe {
  width: 100%;
  border: none;
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(255,180,210,0.2);
  background: #fff;
}

/* 模块标题 */
.section-title {
  font-weight: 700;
  color: var(--accent-1);
  text-align: center;
  margin-bottom: 20px;
}

/* 响应式 iframe 高度优化 */
@media (max-width: 768px) {
  .embed-section iframe {
    height: 420px;
  }
}
@media (min-width: 769px) {
  .embed-section iframe {
    height: 650px;
  }
}
/* 🌸 首页轮播拟态浅粉风格增强 */

.carousel {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(255,170,210,0.18);
}

.carousel-indicators [data-bs-target] {
  background-color: #ff80bf;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.carousel-indicators .active {
  background-color: #cc0066;
  box-shadow: 0 0 8px #ff80bf;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgba(255,255,255,0.8);
  border-radius: 50%;
  padding: 12px;
  width: 36px;
  height: 36px;
  background-size: 70%;
  box-shadow: 0 0 10px rgba(255,180,210,0.3);
}

.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
  background-color: rgba(255,240,250,0.95);
  box-shadow: 0 0 20px rgba(255,170,210,0.6);
}
/* 🌸 管理层成员卡片拟态风格 */
.card {
  border: none;
  border-radius: 16px;
  background: #fff;
  box-shadow: 6px 6px 16px rgba(255, 182, 193, 0.3),
              -6px -6px 16px rgba(255, 240, 245, 0.9);
  transition: all .3s ease-in-out;
}
.card:hover {
  transform: translateY(-5px);
  box-shadow: 8px 8px 20px rgba(255, 170, 190, 0.4),
              -8px -8px 20px rgba(255, 245, 250, 1);
}
form.card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 8px 8px 16px rgba(255,150,180,0.2),
              -8px -8px 16px rgba(255,230,240,1);
}
form.card input, form.card textarea {
  background: #fff0f6;
  border: 1px solid #ffc1d6;
  border-radius: 10px;
}
form.card input:focus, form.card textarea:focus {
  box-shadow: 0 0 8px #ff99bb;
  outline: none;
}
form.card, .card.contact-form {
  border-radius: 16px;
  background: #fff;
  box-shadow: 8px 8px 16px rgba(255,160,190,0.2),
              -8px -8px 16px rgba(255,230,240,1);
}
form.card input, form.card textarea {
  background: #fff0f6;
  border: 1px solid #ffc1d6;
  border-radius: 10px;
}
form.card input:focus, form.card textarea:focus {
  box-shadow: 0 0 8px #ff99bb;
  outline: none;
}
.alert-success {
  background-color: #ffe6f0;
  border-color: #ffb3cc;
  color: #cc0066;
}
/* 🌸 活动已报名人数小徽章 */
.badge.bg-pink {
    background-color: #ff80bf;
    color: #fff;
    font-weight: 600;
    border-radius: 12px;
    padding: 3px 8px;
    font-size: 0.85rem;
    box-shadow: 2px 2px 6px rgba(255,150,190,0.3),
                -2px -2px 6px rgba(255,240,245,0.9);
}
.badge.badge-open {
    background-color: #cc0066;
    color: #fff;
    font-weight: 600;
    border-radius: 12px;
    padding: 3px 8px;
    font-size: 0.85rem;
    box-shadow: 2px 2px 6px rgba(255,100,160,0.3),
                -2px -2px 6px rgba(255,230,240,0.9);
}