/* 前台换肤：与后台 admin-theme 同一套 data-theme + localStorage 方案，默认浅色。 */
html[data-theme="dark"] { color-scheme: dark; background-color: #0b1220; }
html[data-theme="light"] { color-scheme: light; }

html[data-theme="dark"] body.site-theme { background-color: #0b1220; color: #e6ecf5; }

/* 背景 */
html[data-theme="dark"] .site-theme .bg-white,
html[data-theme="dark"] .site-theme .bg-white\/90,
html[data-theme="dark"] .site-theme .bg-white\/80 { background-color: #111827; }

html[data-theme="dark"] .site-theme .bg-slate-50,
html[data-theme="dark"] .site-theme .bg-slate-50\/60,
html[data-theme="dark"] .site-theme .bg-slate-50\/80,
html[data-theme="dark"] .site-theme .hover\:bg-slate-50:hover,
html[data-theme="dark"] .site-theme .hover\:bg-slate-50\/60:hover { background-color: #0f1a2c; }

html[data-theme="dark"] .site-theme .bg-slate-100,
html[data-theme="dark"] .site-theme .hover\:bg-slate-100:hover { background-color: #16233a; }
html[data-theme="dark"] .site-theme .bg-slate-200 { background-color: #1b2a44; }
html[data-theme="dark"] .site-theme .bg-slate-800 { background-color: #1b2740; }
html[data-theme="dark"] .site-theme .bg-slate-900 { background-color: #0f172a; }

html[data-theme="dark"] .site-theme .bg-blue-50,
html[data-theme="dark"] .site-theme .bg-blue-50\/70,
html[data-theme="dark"] .site-theme .bg-blue-50\/80,
html[data-theme="dark"] .site-theme .hover\:bg-blue-50:hover { background-color: #17233c; }
html[data-theme="dark"] .site-theme .bg-blue-100 { background-color: #1b2b4d; }
html[data-theme="dark"] .site-theme .bg-indigo-50 { background-color: #1e1b4b; }
html[data-theme="dark"] .site-theme .bg-sky-50 { background-color: #0c2a3d; }
html[data-theme="dark"] .site-theme .bg-violet-50 { background-color: #241a45; }
html[data-theme="dark"] .site-theme .bg-rose-50 { background-color: #3a1620; }
html[data-theme="dark"] .site-theme .bg-emerald-50 { background-color: #0f2f27; }
html[data-theme="dark"] .site-theme .bg-amber-50 { background-color: #32270e; }

/* 自定义区块 */
html[data-theme="dark"] .site-theme .hero-bg { background: radial-gradient(900px 420px at 85% 10%, #14264a 0%, #0e1a2f 42%, #0b1220 78%); }
html[data-theme="dark"] .site-theme .tag-band { background-color: #0e1a2c; }
html[data-theme="dark"] .site-theme .tools-panel {
    background-image: linear-gradient(135deg, #101c31 0%, #0d1729 50%, #101c31 100%);
    border-color: #1f2d44;
}
html[data-theme="dark"] .site-theme .how-panel { background-color: #0d1729; border-color: #1f2d44; }
html[data-theme="dark"] .site-theme .cta-panel { background-image: linear-gradient(90deg, #123f86 0%, #1d4ed8 100%); border: 1px solid #2c4a7a; }
html[data-theme="dark"] .site-theme .page-hero { background: linear-gradient(160deg, #101c31 0%, #0f1b2e 45%, #17162f 100%); }
html[data-theme="dark"] .site-theme .grad-text { background-image: linear-gradient(90deg, #60a5fa, #a78bfa); }
html[data-theme="dark"] .site-theme .page-card:hover { box-shadow: 0 8px 24px -10px rgba(0, 0, 0, .55); }

/* 文字 */
html[data-theme="dark"] .site-theme .text-slate-900,
html[data-theme="dark"] .site-theme .text-slate-800 { color: #e6ecf5; }
html[data-theme="dark"] .site-theme .text-slate-700 { color: #c7d3e3; }
html[data-theme="dark"] .site-theme .text-slate-600 { color: #a7b6cc; }
html[data-theme="dark"] .site-theme .text-slate-500 { color: #8b9bb4; }
html[data-theme="dark"] .site-theme .text-slate-400 { color: #7d8ea8; }
html[data-theme="dark"] .site-theme .text-slate-300 { color: #5f718c; }
html[data-theme="dark"] .site-theme .text-blue-600,
html[data-theme="dark"] .site-theme .hover\:text-blue-600:hover { color: #93b4ff; }
html[data-theme="dark"] .site-theme .text-blue-700 { color: #bfd3ff; }
html[data-theme="dark"] .site-theme .text-indigo-600 { color: #a5b4fc; }
html[data-theme="dark"] .site-theme .text-rose-500 { color: #fb7185; }
html[data-theme="dark"] .site-theme .text-amber-800 { color: #fbbf24; }

/* 边框 / 分隔线 / ring */
html[data-theme="dark"] .site-theme .border-slate-100,
html[data-theme="dark"] .site-theme .border-b,
html[data-theme="dark"] .site-theme .border-t { border-color: #182338; }
html[data-theme="dark"] .site-theme .border-slate-200 { border-color: #1f2d44; }
html[data-theme="dark"] .site-theme .border-slate-300 { border-color: #24304a; }
html[data-theme="dark"] .site-theme .border-blue-100 { border-color: #1e3a5f; }
html[data-theme="dark"] .site-theme .border-rose-200 { border-color: #7f2c3c; }
html[data-theme="dark"] .site-theme .divide-slate-200 > :not([hidden]) ~ :not([hidden]) { border-color: #1f2d44; }
html[data-theme="dark"] .site-theme .ring-blue-100,
html[data-theme="dark"] .site-theme .ring-slate-200 { --tw-ring-color: #1e3a5f; }

/* 阴影 / 表单 / 滚动条 */
html[data-theme="dark"] .site-theme .shadow-sm { box-shadow: 0 1px 2px rgba(0, 0, 0, .4); }
html[data-theme="dark"] .site-theme .shadow-xl { box-shadow: 0 18px 40px rgba(0, 0, 0, .45); }
html[data-theme="dark"] .site-theme input,
html[data-theme="dark"] .site-theme select,
html[data-theme="dark"] .site-theme textarea {
    background-color: #16233a;
    border-color: #24304a;
    color: #e6ecf5;
}
html[data-theme="dark"] .site-theme select option { background-color: #111827; color: #e6ecf5; }
html[data-theme="dark"] .site-theme ::selection { background: rgba(59, 130, 246, .35); color: #fff; }
html[data-theme="dark"] .site-theme ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-theme="dark"] .site-theme ::-webkit-scrollbar-track { background: #0b1220; }
html[data-theme="dark"] .site-theme ::-webkit-scrollbar-thumb { background: #26344c; border-radius: 8px; }

/* 换肤按钮图标：浅色显示月亮，深色显示太阳 */
[data-theme-toggle] svg { width: 1rem; height: 1rem; }
.theme-icon-sun { display: none; }
html[data-theme="dark"] .theme-icon-sun { display: inline; }
html[data-theme="dark"] .theme-icon-moon { display: none; }

/* 深色模式下给带白底的 Logo 图片做圆角，避免生硬白块 */
html[data-theme="dark"] .site-theme header img,
html[data-theme="dark"] .site-theme footer img { border-radius: 8px; }

/* ===== 顶部会员菜单（鼠标移到会员名展开） ===== */
.mm { position: relative; }
.mm-trigger { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border: 0; border-radius: 10px; background: transparent; font: inherit; font-size: 14px; font-weight: 600; color: #334155; cursor: pointer; text-decoration: none; transition: background .15s, color .15s; }
.mm-trigger:hover, .mm.is-open .mm-trigger { background: #f1f5f9; color: #2563eb; }
.mm-chevron { width: 14px; height: 14px; flex: 0 0 14px; transition: transform .16s; }
.mm:hover .mm-chevron, .mm:focus-within .mm-chevron { transform: rotate(180deg); }
.mm-panel { position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; min-width: 208px; padding: 8px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; box-shadow: 0 26px 55px -32px rgba(15, 23, 42, .6); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .16s, transform .16s, visibility .16s; }
.mm:hover .mm-panel, .mm:focus-within .mm-panel { opacity: 1; visibility: visible; transform: none; }
.mm-item { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 10px; font-size: 13px; font-weight: 600; color: #475569; text-decoration: none; white-space: nowrap; transition: background .15s, color .15s; }
.mm-item:hover { background: #eff5ff; color: #2563eb; }
.mm-ico { width: 26px; height: 26px; flex: 0 0 26px; display: grid; place-items: center; border-radius: 8px; background: #f1f5f9; color: #64748b; transition: background .15s, color .15s; }
.mm-ico svg { width: 15px; height: 15px; }
.mm-item:hover .mm-ico { background: #dbeafe; color: #2563eb; }
.mm-sep { height: 1px; margin: 6px 4px; background: #eef2f8; }
.mm-item.danger { color: #dc2626; }
.mm-item.danger .mm-ico { background: #fef2f2; color: #dc2626; }
.mm-item.danger:hover { background: #fef2f2; color: #b91c1c; }
html[data-theme="dark"] .mm-trigger { color: #c7d6ee; }
html[data-theme="dark"] .mm-trigger:hover, html[data-theme="dark"] .mm.is-open .mm-trigger { background: #16233a; color: #93b4f8; }
html[data-theme="dark"] .mm-panel { background: #111827; border-color: #1f2d44; box-shadow: 0 26px 55px -28px rgba(2, 6, 23, .95); }
html[data-theme="dark"] .mm-item { color: #93a8c3; }
html[data-theme="dark"] .mm-item:hover { background: #17233c; color: #93b4f8; }
html[data-theme="dark"] .mm-ico { background: #16233a; color: #93a8c3; }
html[data-theme="dark"] .mm-item:hover .mm-ico { background: #1b2b4d; color: #93b4f8; }
html[data-theme="dark"] .mm-sep { background: #1f2d44; }
html[data-theme="dark"] .mm-item.danger { color: #f87171; }
html[data-theme="dark"] .mm-item.danger .mm-ico { background: #3a1620; color: #f87171; }
html[data-theme="dark"] .mm-item.danger:hover { background: #3a1620; color: #fca5a5; }
@media (max-width: 640px) { .mm-panel { right: -8px; min-width: 190px; } }