MediaWiki:Common.css：修订间差异

2026年10月22日 (四) 14:33的版本

/* ═══════════════════════════════════════════════════════════
   帝鹰维基 · 全站样式（史料简约硬朗风 · 卡片模块化主页）
   ─────────────────────────────────────────────────────────
   ★ 改颜色 / 尺寸：只需要改下面 :root { } 里的变量，改完全站生效。
   ★ 改完保存本页（MediaWiki:Common.css），浏览器 Ctrl+F5 强刷。
   ═══════════════════════════════════════════════════════════ */
:root {

  /* ──【背景与底色】── */
  --dy-bg: #f2f0e9;            /* 全站页面背景色 */
  --dy-content-bg: #ffffff;    /* 内容区（正文）底色 */
  --dy-card-bg: #ffffff;       /* 词条卡片底色 */
  --dy-card-bg-hover: #fbfaf5; /* 卡片鼠标悬停底色 */
  --dy-top-bg: #262b21;        /* 主页顶部标题栏底色（帝鹰绿） */
  --dy-top-ink: #e6d290;       /* 顶部标题文字色（帝鹰金） */
  --dy-top-sub: #b9c0ab;       /* 顶部副标题文字色 */

  /* ──【边框与线条】── */
  --dy-line: #cfc9b8;          /* 全站通用线条色 */
  --dy-card-border: 1px solid #cfc9b8;   /* 卡片边框（可改粗细/颜色/虚实，如 2px dashed #8a2b20） */
  --dy-card-border-hover: 1px solid #8a7a4a; /* 卡片悬停边框 */
  --dy-card-radius: 10px;      /* 卡片圆角（不要圆角改 0px） */
  --dy-sec-mark: #8a7a4a;      /* 板块标题前小竖条颜色 */

  /* ──【文字颜色】── */
  --dy-ink: #2b2e27;           /* 正文主文字色 */
  --dy-ink-sub: #75796c;       /* 次要/说明文字色 */
  --dy-link: #5b6b3f;          /* 链接颜色 */
  --dy-link-hover: #3d4a28;    /* 链接悬停颜色 */
  --dy-card-title: #262b21;    /* 卡片标题色 */
  --dy-card-tag-bg: #eef0e6;   /* 卡片标签底色 */
  --dy-card-tag-ink: #55603f;  /* 卡片标签文字色 */

  /* ──【布局尺寸】── */
  --dy-sidebar-width: 12em;    /* 侧边栏宽度（想更宽改 14em / 16em） */
  --dy-content-max: 1180px;    /* 主内容区最大宽度（占比随之变化） */
  --dy-cards-min: 220px;       /* 卡片最小宽度（越小一行放得越多） */
  --dy-gap: 14px;              /* 卡片之间的间距 */
  --dy-section-gap: 26px;      /* 板块之间的间距 */
}

/* ═══ 1. 全站基调 ═══ */
body {
  background: var(--dy-bg);
  color: var(--dy-ink);
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
}
.mw-body-content { font-size: 15px; }
a { color: var(--dy-link); }
a:hover { color: var(--dy-link-hover); }
a.new { color: #a3443a; }
.mw-body h1.firstHeading {
  border-bottom: 2px solid var(--dy-line);
  letter-spacing: 2px;
}
h2, h3, h4 { letter-spacing: 1px; }

/* ═══ 2. 侧边导航栏（在 wiki 页面 MediaWiki:Sidebar 里编辑内容） ═══ */
/* 位置：Vector 皮肤默认在左侧；宽度、底色、文字色在此可调 */
#mw-panel {
  width: var(--dy-sidebar-width);
  background: var(--dy-content-bg);
  border-right: 1px solid var(--dy-line);
}
#mw-panel .portal { margin: 0 0 4px; }
#mw-panel h3 {
  color: #55603f !important;
  border-bottom: 1px solid var(--dy-line);
  letter-spacing: 2px;
  font-size: 13px !important;
}
#mw-panel ul li a { color: var(--dy-link) !important; font-size: 13px; }
#mw-panel ul li a:hover { color: var(--dy-link-hover) !important; text-decoration: none; }

/* 主内容区占比（最大宽度 + 左右留白） */
#content, .mw-body {
  max-width: var(--dy-content-max);
}

/* ═══ 3. 主页顶部站点标题栏（在 Main_Page 里编辑文字） ═══ */
.dy-top {
  background: linear-gradient(135deg, #1b2016, var(--dy-top-bg) 60%, #3a4231);
  border-left: 6px solid #8a7a4a;
  border-radius: 10px;
  padding: 26px 28px 20px;
  margin-bottom: 14px;
}
.dy-top-title {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: 10px;
  color: var(--dy-top-ink);
  line-height: 1.2;
}
.dy-top-sub {
  margin-top: 6px;
  font-size: 13px;
  letter-spacing: 3px;
  color: var(--dy-top-sub);
}
.dy-lead {
  background: var(--dy-content-bg);
  border-left: 4px solid var(--dy-sec-mark);
  border-radius: 6px;
  padding: 10px 16px;
  margin-bottom: var(--dy-section-gap);
  font-size: 13.5px;
  color: var(--dy-ink-sub);
}

/* ═══ 4. 板块（成员词条 / 组织板块 / 历史板块……可无限加） ═══ */
.dy-section { margin-bottom: var(--dy-section-gap); }
.dy-sec-h {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 19px;
  font-weight: 700;
  color: var(--dy-card-title);
  letter-spacing: 3px;
  margin: 0 0 12px;
  border-bottom: 1px solid var(--dy-line);
  padding-bottom: 8px;
}
.dy-sec-h-mark {
  display: inline-block;
  width: 5px;
  height: 20px;
  background: var(--dy-sec-mark);
  border-radius: 2px;
}

/* ═══ 5. 词条卡片网格（卡片数量任意，自动换行） ═══ */
.dy-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--dy-cards-min), 1fr));
  gap: var(--dy-gap);
}

/* ── 单张词条卡片 ── */
.dy-card {
  background: var(--dy-card-bg);
  border: var(--dy-card-border);
  border-radius: var(--dy-card-radius);
  padding: 16px 14px 14px;
  text-align: center;
  transition: all .18s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dy-card:hover {
  background: var(--dy-card-bg-hover);
  border: var(--dy-card-border-hover);
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(38, 43, 33, .12);
}
/* 卡片头像图（圆形金边，不想要圆形删掉 border-radius:50%） */
.dy-card-media img {
  border-radius: 50%;
  border: 3px solid #d8cba0;
}
/* 无头像卡片的占位大字（如「龙」） */
.dy-card-initial {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: var(--dy-top-bg);
  color: var(--dy-top-ink);
  border: 3px solid #8a7a4a;
  font-size: 40px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 纯文字卡片的图标（◈ ▤ 等，可在 Main_Page 里改字符） */
.dy-card-icon {
  font-size: 26px;
  color: var(--dy-sec-mark);
  line-height: 1;
  margin: 14px 0 6px;
}
/* 卡片标题（词条名） */
.dy-card-title {
  font-size: 16.5px;
  font-weight: 700;
  color: var(--dy-card-title);
  margin-top: 10px;
  letter-spacing: 1px;
}
.dy-card-title a { color: var(--dy-card-title) !important; }
/* 卡片标签（掌权者 / 创始人 等） */
.dy-card-tag {
  display: inline-block;
  margin-top: 5px;
  font-size: 11.5px;
  letter-spacing: 1px;
  color: var(--dy-card-tag-ink);
  background: var(--dy-card-tag-bg);
  border: 1px solid var(--dy-line);
  border-radius: 999px;
  padding: 1px 12px;
}
/* 卡片简介文字 */
.dy-card-desc {
  flex: 1;
  font-size: 12.5px;
  color: var(--dy-ink-sub);
  margin: 8px 2px 12px;
  line-height: 1.6;
}
/* 卡片底部「查阅词条」按钮 */
.dy-card-go a {
  display: inline-block;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--dy-card-title) !important;
  background: #e6d290;
  border: 1px solid #b8995a;
  border-radius: 999px;
  padding: 3px 16px;
}
.dy-card-go a:hover {
  background: #b8995a;
  color: #fff !important;
  text-decoration: none;
}

/* ═══ 6. 手机端适配 ═══ */
@media (max-width: 720px) {
  .dy-top-title { font-size: 26px; letter-spacing: 5px; }
  .dy-cards { grid-template-columns: repeat(2, 1fr); }
  .dy-card { padding: 12px 10px; }
}
@media (max-width: 480px) {
  .dy-cards { grid-template-columns: 1fr; }
}