MediaWiki:Common.css：修订间差异

2026年10月22日 (四) 16:21的版本

/* =====================================================================
   帝鹰维基 · 全站样式 v10（深蓝顶导航 + 侧栏logo区衔接一体版）
   皮肤：不更换，直接在原版 Vector 皮肤上叠加本样式
   =====================================================================
   ★ 所有可改参数都集中在下面 :root 里，只改冒号后的数值/色值即可，
     改完保存 + Ctrl+F5 强刷生效（若没变，让管理员把服务器缓存刷新）。
   ===================================================================== */
:root{
  /* ---- ① 顶部导航区（本次核心，色值单独标注） ---- */
  --dy-nav-blue:#1b2c52;      /* ★★ 深蓝色基准值：顶部导航栏 + 侧边栏logo区块共用底色，改这一个色值即全局换色 ★★ */
  --dy-nav-height:52px;       /* 顶部主导航栏高度（改数字即调高矮） */
  --dy-nav-ink:#ffffff;       /* 导航栏文字颜色（白） */
  --dy-nav-hover:#e6d290;     /* 鼠标悬浮高亮文字色 */
  --dy-nav-hover-bg:rgba(255,255,255,.14); /* 悬浮高亮底色（透明白罩） */
  /* ---- ② 全局 ---- */
  --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;  /* 侧边栏整体宽度（改数字即缩放，9em 更窄） */
  /* ---- ⑥ 侧边栏 logo 区块（与顶栏同色，衔接一体） ---- */
  --dy-logo-area-pad:14px;    /* logo 区块上下留白 */
  --dy-logo-size:110px;       /* 旗帜 logo 显示尺寸（正方形边长） */
}

/* =====================================================================
   0. 顶部主导航栏（深蓝横条，由 MediaWiki:Common.js 注入 #dy-topnav）
   ===================================================================== */
#dy-topnav{position:fixed;top:0;left:0;right:0;z-index:200;
  height:var(--dy-nav-height);background:var(--dy-nav-blue);
  display:flex;align-items:center;justify-content:center;
  gap:38px;box-shadow:0 2px 8px rgba(10,20,45,.35);}
#dy-topnav a{color:var(--dy-nav-ink);font-size:14.5px;font-weight:600;
  letter-spacing:2px;padding:5px 16px;border-radius:6px;
  transition:background .15s,color .15s;}
#dy-topnav a:hover{color:var(--dy-nav-hover);background:var(--dy-nav-hover-bg);}

/* =====================================================================
   1. 原皮肤顶栏区域压成深蓝（标签页 + 搜索框那一条，与导航条同色）
   ===================================================================== */
#mw-page-base{background:var(--dy-nav-blue) !important;}
#mw-head{top:var(--dy-nav-height) !important;} /* 顶栏内容整体下移，给导航条让位 */
/* 标签（阅读/编辑/历史等）改白字，去掉绿色渐变 */
.vectorTabs{background-image:none !important;}
.vectorTabs li{background-image:none !important;background-color:transparent !important;}
.vectorTabs li a{color:#eef1f7 !important;}
.vectorTabs li.selected a,.vectorTabs li.selected a:visited{color:var(--dy-nav-hover) !important;}
.vectorTabs li.new a,.vectorTabs li.new a:visited{color:#f0c9c0 !important;}
/* 右侧用户链接（用户名/讨论/参数设置…）改白字 */
#p-personal li a{color:#eef1f7;}
#p-personal li a:hover{color:var(--dy-nav-hover);}
/* 变体/查看历史下拉文字 */
#p-variants .vector-menu-content li a,#p-cactions .vector-menu-content li a{color:#eef1f7;}

/* =====================================================================
   2. 侧边栏：顶部 logo 区块深蓝衔接 + 菜单列表保持原版样式
   ===================================================================== */
#mw-panel{top:var(--dy-nav-height) !important;      /* 侧栏与导航条底沿对齐 */
  width:var(--dy-sidebar-width);                    /* 宽度用变量，改 :root 数字即缩放 */
  background:transparent;border:0;box-shadow:none;} /* 菜单区域恢复原版素底 */
/* 侧边栏最顶部 logo 区块：深蓝底，与上方顶栏视觉连成一体 */
#p-logo{background:var(--dy-nav-blue);
  padding:var(--dy-logo-area-pad) 0;margin:0;
  border-bottom:1px solid rgba(255,255,255,.12);}
#p-logo .mw-wiki-logo{margin:0 auto;
  width:var(--dy-logo-size);height:var(--dy-logo-size);
  background-size:contain !important;background-position:center !important;}
/* ★ 修复 logo 重复 bug：之前 CSS 自画的图标位(#mw-panel::before)已删除，
   全站现在只保留皮肤自带 #p-logo 这一个 logo。 */

/* =====================================================================
   3. 全局布局
   ===================================================================== */
body{padding-top:var(--dy-nav-height);            /* 给固定导航条腾出位置 */
  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);}

/* =====================================================================
   4. 侧边栏菜单（logo 下方列表，保持原版样式，仅宽度随 --dy-sidebar-width）
   ===================================================================== */
#mw-panel .vector-menu-portal{margin:0;padding:10px 12px;}
#mw-panel h3{font-size:12.5px;letter-spacing:2px;}

/* =====================================================================
   5. 主页顶部横幅（帝鹰绿金，沿用）
   ===================================================================== */
.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;}

/* =====================================================================
   6. 公告栏（文字由「帝鹰维基:公告」页面控制，后台可改）
   ===================================================================== */
.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;}

/* =====================================================================
   7. 大板块容器（标题栏居中 + 内容区）
   ===================================================================== */
.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;}
/* 双列卡片网格（帝鹰著名总策划师板块）：需压过 .dy-expose 的纵排 flex */
.dy-expose.dy-grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--dy-gap);}
/* 双列链接列表（典章纪事通栏用） */
.dy-lines2{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;}

/* =====================================================================
   8. 人物档案横卡（Template:档案卡 输出；头像左 + 文字右，ParserFunctions 自适应）
   ===================================================================== */
.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;}

/* =====================================================================
   9. 管理入口（主页底部）
   ===================================================================== */
.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;}

/* =====================================================================
   10. 手机端适配
   ===================================================================== */
@media(max-width:760px){
  #dy-topnav{gap:14px;overflow-x:auto;justify-content:flex-start;padding:0 10px;}
  #dy-topnav a{padding:4px 10px;font-size:13px;white-space:nowrap;}
  .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-grid2{grid-template-columns:1fr;}
  .dy-lines2{grid-template-columns:1fr;}
  .dy-pcard{flex-direction:row;}
  #mw-panel{width:auto;}
}