/* ============================================================
 * 站点自定义样式：叠加在 lolimeow 主题之上
 * ============================================================ */

/* --- 粉色主色 --- */
:root, [data-bs-theme="light"] {
  --pink: #ff6b9d;
  --pink-dark: #f04e86;
}
.text-pink { color: var(--pink) !important; }
.btn-pink {
  background: linear-gradient(135deg, #ff8fb3, var(--pink));
  border: none; color: #fff !important;
  box-shadow: 0 4px 14px rgba(255, 107, 157, .35);
  transition: all .2s;
}
.btn-pink:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(255, 107, 157, .45); filter: brightness(1.05); }
.btn-outline-light:hover { color: var(--pink) !important; }

/* --- Banner --- */
.boxmoe-banner { min-height: 46vh; display: flex; align-items: center; justify-content: center; }
.banner-bg {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; filter: brightness(.72) saturate(1.1);
}
.banner-mask {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(20,10,30,.35), rgba(20,10,30,.55));
}
.banner-font { text-shadow: 0 2px 12px rgba(0,0,0,.35); }

/* --- 快捷入口 --- */
.quick-card { text-decoration: none; color: inherit; transition: all .2s; }
.quick-card:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,.12) !important; color: inherit; }
.quick-ico { font-size: 26px; }

/* --- 网站按钮（links 页） --- */
.site-btn {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  padding: 18px 10px; border-radius: 14px; text-decoration: none; color: #444;
  background: var(--bs-body-bg, #fff);
  border: 1px solid var(--bs-border-color, #eee);
  transition: all .2s;
}
.site-btn i { font-size: 26px; color: var(--pink); margin-bottom: 4px; }
.site-btn span { font-weight: 600; font-size: 14px; }
.site-btn small { color: var(--bs-secondary-color, #999); font-size: 11px; }
.site-btn:hover { transform: translateY(-4px); border-color: var(--pink); box-shadow: 0 8px 20px rgba(255,107,157,.2); color: var(--pink); }

/* --- 工具卡片（links-all 页） --- */
.tool-card {
  background: var(--bs-body-bg, #fff);
  border: 1px solid var(--bs-border-color, #eee);
  border-radius: 16px; padding: 20px; transition: all .2s;
}
.tool-card:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,.1); }
.tool-card h3 a { color: inherit; text-decoration: none; }
.tool-card h3 a:hover { color: var(--pink); }
.tool-card.waiting { opacity: .6; background: repeating-linear-gradient(45deg, #fafafa, #fafafa 10px, #f5f5f5 10px, #f5f5f5 20px); }

/* --- 联系行 --- */
.contact-row { display: flex; align-items: center; gap: 14px; padding: 6px 0; }
.contact-row i { font-size: 26px; width: 40px; text-align: center; }

/* --- 笔记入口按钮（导航右侧） --- */
.note-link { position: relative; color: var(--pink) !important; }
.note-nav { color: var(--pink) !important; font-weight: 600; }

/* --- 侧栏小卡 --- */
.list-group-item a { text-decoration: none; color: inherit; }
.list-group-item a:hover { color: var(--pink); }
.card-header { border-bottom: 1px dashed var(--bs-border-color, #eee) !important; }

/* --- 面包屑 --- */
.breadcrumb { margin-bottom: .75rem; font-size: 13px; }

/* --- 页脚 --- */
footer hr.horizontal { margin-top: 2rem; }

/* --- 移动端 offcanvas --- */
.offcanvas-nav { width: 280px; }
@media (max-width: 991.98px) {
  body.offcanvas-open::after {
    content: ''; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 1040;
  }
  .offcanvas-nav.show { transform: none !important; visibility: visible !important; }
  .boxmoe-banner { min-height: 38vh; }
}