/* ============================================================
   搬砖联盟 新UI · 深色主题(默认,黑白简约:黑底 + 白/灰强调,无彩色)
   只包含主题变量与主题相关差异样式;结构样式在 index 行内 / main.css
   ============================================================ */
:root{
  --page-bg:#0C0D0E;
  --card:#16181A;
  --card-glass:rgba(22,24,26,.72);
  --border:rgba(255,255,255,.07);
  --border-hover:rgba(255,255,255,.28);
  --text:#F5F7F6;
  --text2:#B8BDBB;
  --text3:#878D8A;
  --accent:#F5F7F6;
  --accent-dim:rgba(255,255,255,.10);
  --red:#F0716E;
  --red-dim:rgba(240,113,110,.12);
  --blue:#B8BDBB;
  --blue-dim:rgba(255,255,255,.08);
  --yellow:#C9CECB;
  --yellow-dim:rgba(255,255,255,.10);
  --input-bg:rgba(255,255,255,.05);
  --code-bg:#0A0C0E;
  --code-text:#DCE1DE;
  --shadow:0 1px 3px rgba(0,0,0,.25);
  color-scheme:dark;
}

/* 主题相关:横幅遮罩 / 导航文字 / 主题切换按钮图标 */
.banner{background:
  linear-gradient(180deg,rgba(8,9,10,.42) 0%,rgba(8,9,10,.10) 42%,rgba(12,13,14,.94) 100%),
  var(--banner-img) center 32%/cover no-repeat}
.banner::after{background:linear-gradient(to bottom,rgba(12,13,14,0),rgba(12,13,14,0) 50%,var(--page-bg) 100%)}

.nav-links a{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.65)}
.nav-links a:hover{background:rgba(255,255,255,.12);color:#fff}
.logo-name{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.65)}
/* 深色主题:登录按钮(.nav-btn.solid)与创作按钮(.nav-btn.ghost)统一为半透明浅底+白字 */
.search,.nav-btn.ghost,.nav-btn.solid,.nav-user,.nav-bell,.burger,.theme-toggle{
  background:rgba(0,0,0,.30);border-color:rgba(255,255,255,.14);color:#fff}
.nav-btn.solid:hover{border-color:var(--border-hover);color:var(--accent)}
.search input{color:#fff}
.search input::placeholder{color:rgba(255,255,255,.55)}

.theme-toggle .i-moon{display:grid}
.theme-toggle .i-sun{display:none}

.mobile-menu{background:rgba(12,13,14,.97)}

/* toastr 深色适配 */
#toast-container>div{background-color:#1C1F21;color:var(--text);box-shadow:var(--shadow);opacity:.97}
#toast-container>.toast-success{background-image:none}
.toast-title{color:var(--accent)}