/* ============================================
   轩辕剑网络版 黑金主题
   ============================================ */

:root {
  --sw-gold: #d4af37;
  --sw-gold-light: #f4cf57;
  --sw-gold-dim: #8b6f1f;
  --sw-bg: #0a0805;
  --sw-panel: rgba(12, 10, 6, 0.90);
  --sw-panel-solid: #0c0a06;
  --sw-text: #e8d9a8;
  --sw-text-dim: #a89868;
  --sw-border: rgba(139, 111, 31, 0.45);
}

html, body {
  background: var(--sw-bg) !important;
  color: var(--sw-text);
  font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
}

/* 背景图：body 固定背景 */
body {
  background-image: url("/assets/swdol-bg.jpg?v=20260901c") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-color: var(--sw-bg) !important;
}

/* ===== 顶部导航 ===== */
.App-header {
  background: rgba(8, 6, 3, 0.94) !important;
  border-bottom: 1px solid var(--sw-gold-dim) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.8);
  backdrop-filter: blur(8px);
}
.Header-title, .Header-title a, .App-header a {
  color: var(--sw-gold) !important;
  text-shadow: 0 0 8px rgba(212,175,55,0.3);
}
.App-header a:hover { color: var(--sw-gold-light) !important; }
.Header-primary .Button--icon, .App-header .Button--icon { color: var(--sw-gold) !important; }
.Header-navigation .Dropdown-toggle { color: var(--sw-text) !important; }
.Search-input { background: #1a1410; border-color: var(--sw-gold-dim); color: var(--sw-text); }

/* ===== 主内容容器 ===== */
.App-content, .containerNarrow, .IndexPage .DiscussionList, .DiscussionPage {
  background: transparent !important;
  color: var(--sw-text) !important;
}

.IndexPage .DiscussionList, .DiscussionPage, .UserPage, .IndexPage .sideNavContainer, .DiscussionList {
  background: var(--sw-panel) !important;
  border: 1px solid var(--sw-border) !important;
  border-radius: 6px;
  backdrop-filter: blur(6px);
  padding: 16px 20px !important;
  box-shadow: 0 4px 30px rgba(0,0,0,0.6), inset 0 1px 0 rgba(212,175,55,0.08);
}

/* ===== 讨论列表项 ===== */
.DiscussionListItem {
  background: rgba(20, 16, 10, 0.65) !important;
  border: 1px solid rgba(139, 111, 31, 0.3) !important;
  border-radius: 4px;
  margin-bottom: 8px !important;
  padding: 12px 16px !important;
  transition: all .2s;
}
.DiscussionListItem:hover {
  background: rgba(30, 24, 14, 0.85) !important;
  border-color: var(--sw-gold-dim) !important;
  box-shadow: 0 0 12px rgba(212,175,55,0.15);
}
.DiscussionListItem-title, .DiscussionListItem-title a { color: var(--sw-gold) !important; }
.DiscussionListItem-title a:hover { color: var(--sw-gold-light) !important; }
.DiscussionListItem-info, .DiscussionListItem-author, .DiscussionListItem-lastPost {
  color: var(--sw-text-dim) !important;
}

/* ===== 帖子 Post ===== */
.Post, .Post-header, .Post-body {
  background: var(--sw-panel) !important;
  color: var(--sw-text) !important;
  border: 1px solid var(--sw-border) !important;
  border-radius: 4px;
}
.Post-header { border-bottom: 1px solid var(--sw-border) !important; }
.Post-user h2, .Post-username { color: var(--sw-gold) !important; }
.Post-body a, a.Post-body { color: var(--sw-gold) !important; }
.Post-body a:hover { color: var(--sw-gold-light) !important; }

/* ===== 链接 ===== */
a { color: var(--sw-gold); }
a:hover { color: var(--sw-gold-light); }

/* ===== 按钮 ===== */
.Button--primary, .Button--colored {
  background: linear-gradient(180deg, #e6c44a 0%, #b8941f 100%) !important;
  color: #1a1206 !important;
  border: 1px solid #8b6f1f !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 2px 4px rgba(0,0,0,0.4);
}
.Button--primary:hover, .Button--colored:hover {
  background: linear-gradient(180deg, #f4cf57 0%, #d4af37 100%) !important;
  box-shadow: 0 0 12px rgba(212,175,55,0.5);
}
.Button { background: #1a1410; color: var(--sw-text); border: 1px solid var(--sw-gold-dim); }
.Button:hover { background: #2a2014; color: var(--sw-gold); }

/* ===== 表单 ===== */
.FormControl {
  background: #120e08 !important;
  border: 1px solid var(--sw-gold-dim) !important;
  color: var(--sw-text) !important;
}
.FormControl:focus { border-color: var(--sw-gold) !important; box-shadow: 0 0 0 2px rgba(212,175,55,0.2); }
.Form-group label { color: var(--sw-text); }

/* ===== 模态框 ===== */
.Modal-content {
  background: var(--sw-panel-solid) !important;
  border: 1px solid var(--sw-gold-dim) !important;
  color: var(--sw-text) !important;
  box-shadow: 0 10px 60px rgba(0,0,0,0.9), 0 0 0 1px rgba(212,175,55,0.1);
}
.Modal-header { border-bottom: 1px solid var(--sw-border) !important; }

/* ===== Alert ===== */
.Alert--error {
  background: rgba(60, 20, 20, 0.95) !important;
  border: 1px solid #8b3a1f !important;
  color: #f4cfcf !important;
}
.Alert { color: var(--sw-text); }

/* ===== Hero/侧栏头像 ===== */
.Avatar, .Post-user .Avatar { border: 1px solid var(--sw-gold-dim); }

/* ===== 滚动条 ===== */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0a0805; }
::-webkit-scrollbar-thumb { background: var(--sw-gold-dim); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--sw-gold-light); }

/* ===== 选中文字 ===== */
::selection { background: rgba(212,175,55,0.4); color: #fff; }

/* ===== 子标签纵向排列 + 加深（首页三个大区卡片下方的子板块链接）====== */
.TagTile-children {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
}
.TagTile-children a {
  display: inline-block;
  margin-right: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4;
}
.TagTile-children a:hover {
  opacity: 0.8;
}