MediaWiki:Common.css：修订间差异

2026年10月22日 (四) 15:48的版本

/* =====================================================================
   帝鹰维基 · 全站样式 v5（仿史料档案站版式 · 帝鹰深绿×金）
   所有可改参数集中在 :root，改冒号后的数值/色值即可，保存后 Ctrl+F5
   ===================================================================== */
:root{
  /* ---- ① 全局 ---- */
  --dy-bg:#efeee7;            /* 全站页面背景色 */
  --dy-ink:#23281f;           /* 全局正文字体颜色 */
  --dy-sub:#6a6f62;           /* 次要文字颜色 */
  --dy-font-size:15px;        /* 全局字号 */
  --dy-content-max:980px;     /* 主内容区最大宽度 */
  /* ---- ② 主题色（横幅/板块标题栏） ---- */
  --dy-green:#262b21;         /* 主深绿（横幅、标题栏底色） */
  --dy-green-2:#3d4835;       /* 渐变辅助绿 */
  --dy-gold:#e6d290;          /* 金色（横幅文字、点缀） */
  --dy-gold-d:#b8995a;        /* 深金（边框、徽标） */
  /* ---- ③ 卡片 ---- */
  --dy-card-bg:#ffffff;       /* 卡片底色 */
  --dy-card-border:1px solid #ddd8c8;  /* 卡片边框（可改 2px dashed #8a2b20 做印章风） */
  --dy-card-radius:10px;      /* 卡片圆角（0px=方正） */
  --dy-card-shadow:0 1px 5px rgba(38,43,33,.07); /* 卡片阴影 */
  --dy-gap:14px;              /* 卡片间距 */
  /* ---- ④ 侧边栏 ---- */
  --dy-sidebar-width:10.5em;  /* 侧边栏宽度（改数字即缩放） */
  --dy-side-bg:#f7f5ec;       /* 侧边栏背景色 */
  --dy-side-border:1px solid #e2ddcd; /* 侧边栏边框 */
  --dy-side-shadow:2px 0 8px rgba(38,43,33,.05); /* 侧边栏阴影 */
  --dy-side-ink:#4a4f42;      /* 侧边栏文字色 */
  --dy-side-head:#8a8468;     /* 侧边栏分组标题色 */
  /* ---- ⑤ 侧边栏顶部图标位（★换旗帜只改 url 里的图片地址） ---- */
  --dy-side-icon:url('/images/logo.jpg');
  --dy-side-icon-height:64px; /* 图标高度 */
}

/* =====================================================================
   1. 全局布局
   ===================================================================== */
body{background:var(--dy-bg);color:var(--dy-ink);font-size:var(--dy-font-size);}
#content{background:transparent;border:0;box-shadow:none;}
.mw-body-content{max-width:var(--dy-content-max);}

/* =====================================================================
   2. 侧边栏（Vector 皮肤）
   ===================================================================== */
#mw-panel{width:var(--dy-sidebar-width);background:var(--dy-side-bg);
  border-right:var(--dy-side-border);box-shadow:var(--dy-side-shadow);
  padding-bottom:18px;min-height:100vh;}
#mw-panel .vector-menu-portal{margin:0;padding:10px 12px;}
#mw-panel h3{color:var(--dy-side-head);font-size:12.5px;letter-spacing:2px;
  border-bottom:1px solid #e6e1d0;padding-bottom:4px;}
#mw-panel a{color:var(--dy-side-ink);}
#mw-panel a:hover{color:var(--dy-green-2);}
/* 侧边栏顶部图标位：全站唯一旗帜图标，换图改 :root 里 --dy-side-icon */
#mw-panel::before{content:'';display:block;margin:12px auto 6px;
  width:calc(var(--dy-sidebar-width) - 28px);height:var(--dy-side-icon-height);
  background:var(--dy-side-icon) center/contain no-repeat;
  border-radius:8px;}
/* 隐藏皮肤自带 logo（防止与图标位重复渲染） */
#p-logo{display:none !important;}

/* =====================================================================
   3. 顶部横幅（仿史料站大 Banner · 帝鹰配色）
   ===================================================================== */
.dy-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:linear-gradient(135deg,var(--dy-green) 0%,var(--dy-green-2) 78%,#57634b 100%);
  border-radius:var(--dy-card-radius);padding:26px 30px;
  box-shadow:0 3px 14px rgba(38,43,33,.22);margin-bottom:var(--dy-gap);}
.dy-hero-title{font-size:30px;font-weight:800;letter-spacing:6px;color:var(--dy-gold);
  font-family:"STZhongsong","SimSun",serif;margin-bottom:8px;}
.dy-hero-desc{color:#d9dcc8;font-size:13.5px;line-height:1.9;max-width:640px;}
.dy-hero-desc b{color:var(--dy-gold);font-size:16px;}
.dy-hero-logo img{border-radius:12px;border:2px solid rgba(230,210,144,.55);
  box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;}

/* =====================================================================
   4. 公告栏（上方留白可写公告文字）
   ===================================================================== */
.dy-announce{background:var(--dy-card-bg);border:var(--dy-card-border);
  border-radius:var(--dy-card-radius);overflow:hidden;
  box-shadow:var(--dy-card-shadow);margin-bottom:var(--dy-gap);}
.dy-announce-h{background:var(--dy-green);color:var(--dy-gold);text-align:center;
  font-weight:700;letter-spacing:8px;padding:8px 0;font-size:15px;}
.dy-announce-b{padding:18px 22px 24px;line-height:2.0;color:var(--dy-ink);
  min-height:120px; /* 公告留白高度，改数字可加高 */}
.dy-announce-b p{margin:0 0 10px;}

/* =====================================================================
   5. 大板块（标题栏居中 + 内容区，仿「万恶之源」版式）
   ===================================================================== */
.dy-section{background:var(--dy-card-bg);border:var(--dy-card-border);
  border-radius:var(--dy-card-radius);overflow:hidden;
  box-shadow:var(--dy-card-shadow);margin-bottom:var(--dy-gap);}
.dy-sec-bar{background:var(--dy-green);color:var(--dy-gold);text-align:center;
  font-weight:700;letter-spacing:6px;padding:8px 0;font-size:15px;}
.dy-sec-more{text-align:center;color:var(--dy-sub);font-size:12.5px;padding:10px 0 14px;}

/* =====================================================================
   6. 人物档案横卡（头像左 + 文字右）
   ===================================================================== */
.dy-expose{padding:16px 18px 6px;display:flex;flex-direction:column;gap:var(--dy-gap);}
.dy-pcard{display:flex;gap:16px;align-items:center;padding:12px 14px;
  border:var(--dy-card-border);border-radius:8px;background:#fcfbf6;}
.dy-pcard-ava{flex:0 0 76px;width:76px;height:76px;}
.dy-pcard-ava img{width:76px;height:76px;object-fit:cover;border-radius:50%;
  border:2px solid var(--dy-gold-d);box-shadow:0 2px 6px rgba(38,43,33,.18);}
.dy-pcard-ph{display:flex;width:76px;height:76px;border-radius:50%;
  align-items:center;justify-content:center;background:var(--dy-green);
  color:var(--dy-gold);font-size:30px;font-weight:700;border:2px solid var(--dy-gold-d);}
.dy-pcard-main{flex:1;min-width:0;}
.dy-pcard-name{font-size:17px;font-weight:700;margin-bottom:4px;}
.dy-pcard-name a{color:var(--dy-green-2);}
.dy-pcard-tag{display:inline-block;background:#f1edda;color:#8a7434;
  border:1px solid #e0d6ac;border-radius:999px;padding:1px 12px;
  font-size:12px;margin-bottom:6px;}
.dy-pcard-desc{color:var(--dy-sub);font-size:13.5px;line-height:1.8;}

/* =====================================================================
   7. 双栏卡（成员名录 / 典章纪事）
   ===================================================================== */
.dy-duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--dy-gap);margin-bottom:var(--dy-gap);}
.dy-duo-col{background:var(--dy-card-bg);border:var(--dy-card-border);
  border-radius:var(--dy-card-radius);overflow:hidden;box-shadow:var(--dy-card-shadow);}
.dy-duo-h{background:var(--dy-green);color:var(--dy-gold);text-align:center;
  font-weight:700;letter-spacing:4px;padding:7px 0;font-size:14px;}
.dy-duo-b{padding:14px 18px;}
/* 成员迷你行 */
.dy-mini{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14.5px;}
.dy-mini a{color:var(--dy-green-2);font-weight:600;}
.dy-mini em{color:var(--dy-sub);font-style:normal;font-size:12px;}
.dy-mini-ava{flex:0 0 44px;width:44px;height:44px;}
.dy-mini-ava img{width:44px;height:44px;object-fit:cover;border-radius:50%;
  border:2px solid var(--dy-gold-d);}
.dy-mini-ph{display:flex;width:44px;height:44px;border-radius:50%;align-items:center;
  justify-content:center;background:var(--dy-green);color:var(--dy-gold);
  font-size:19px;font-weight:700;border:2px solid var(--dy-gold-d);}
.dy-mini-link{text-align:right;padding-top:8px;font-size:13px;}
/* 典章链接行 */
.dy-line{padding:6px 2px;border-bottom:1px dashed #e8e3d2;font-size:14.5px;}
.dy-line:last-child{border-bottom:0;}
.dy-line a{color:var(--dy-green-2);}

/* =====================================================================
   8. 管理入口（主页底部）
   ===================================================================== */
.dy-admin-entry{margin-top:26px;padding:10px 16px;border:1px dashed #c9c4b4;
  border-radius:8px;font-size:12.5px;color:#8a8578;text-align:center;}
.dy-admin-entry a{color:#8a8578;}

/* =====================================================================
   9. 手机端适配
   ===================================================================== */
@media(max-width:760px){
  .dy-hero{flex-direction:column;align-items:flex-start;padding:20px;}
  .dy-hero-logo{display:none;}
  .dy-hero-title{font-size:24px;letter-spacing:4px;}
  .dy-duo{grid-template-columns:1fr;}
  .dy-pcard{flex-direction:row;}
  #mw-panel{width:auto;}
}