MediaWiki:Common.css：修订间差异

2026年10月23日 (五) 00:12的最新版本

/* =====================================================================
   帝鹰维基 · 全站样式 v18（v17 基础上：全部内容框高宽随文字量自适应、排版防拥挤）
   皮肤：不更换，直接在原版 Vector 皮肤上叠加本样式
   =====================================================================
   ★ 所有可改参数都集中在下面 :root 里，只改冒号后的数值/色值即可。
   ===================================================================== */
:root{
  /* ---- ① 顶部红色导航区 ---- */
  --dy-nav-bg:#8e1a12;        /* ★★ 顶部导航栏红色基准（改这里全局换色） ★★ */
  --dy-nav-height:52px;       /* 顶部主导航栏高度 */
  --dy-nav-line:#0d0d0d;      /* 导航栏下方那条细黑线的颜色 */
  --dy-nav-line-w:2px;        /* 细黑线粗细 */
  /* ---- ② 功能面板（页面/讨论/阅读/编辑/源代码/查看历史/星标/搜索框/更多 所在条） ---- */
  --dy-tabstrip:62px;         /* 功能面板高度 */
  --dy-panel-bg:#1f2733;       /* ★★ 面板底色：深蓝黑实色（与新旗帜图底色一致 → 旗帜与面板之间不再出现竖向分界线） ★★ */
  --dy-panel-decor:rgba(255,255,255,.05); /* 面板装饰（艺术文字/几何线）透明度，越调小越低调 */
  --dy-nav-ink:#ffffff;       /* 面板内文字颜色（白） */
  --dy-nav-hover:#f5d9a8;     /* 悬浮/选中高亮文字色（浅金） */
  --dy-nav-hover-bg:rgba(255,255,255,.16); /* 悬浮高亮底色 */
  /* ---- ③ 侧边栏：深暗军装橄榄绿 ---- */
  --dy-side-olive:#2c3226;    /* ★★ 侧边栏整体背景色（军装橄榄绿，可自行调） ★★ */
  --dy-side-ink:#eceada;      /* 侧边栏链接文字颜色（米白，保证可读） */
  --dy-side-head:#c6cbae;     /* 侧边栏分组标题颜色（浅橄榄） */
  --dy-side-hover:#e6d290;    /* 侧边栏链接悬浮颜色（金） */
  /* ---- ④ 全局 ---- */
  --dy-bg:#ffffff;            /* ★★ 右侧主内容区/全站闲置背景：纯白 ★★ */
  --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-inner:#e3f2ef;    /* ★★ 公告框/成员名片 内容区底色：浅青色（原浅灰 #f0f0ed 已换） ★★ */
  --dy-card-border:1px solid #ddd8c8;   /* 卡片边框 */
  --dy-card-radius:10px;      /* 卡片圆角 */
  --dy-card-shadow:0 1px 5px rgba(38,43,33,.07); /* 卡片阴影 */
  --dy-gap:14px;              /* 卡片/板块间距 */
  /* ---- ⑦ 侧边栏宽度 / 旗帜 ---- */
  --dy-sidebar-width:10.5em;  /* 侧边栏整体宽度 */
  --dy-logo-size:50px;        /* 旗帜 logo 尺寸 */
  /* ---- ⑧ 黑色竖向分隔线（侧栏 ↔ 主内容区） ---- */
  --dy-divider-color:#0d0d0d; /* 分隔线颜色（当前未使用，留作恢复备参） */
  --dy-divider-width:8px;     /* 分隔线粗细（当前未使用，留作恢复备参） */
}

/* =====================================================================
   0. 顶部红色导航栏（#dy-topnav 由 Common.js 注入）+ 底部细黑线
   ===================================================================== */
#dy-topnav{position:fixed;top:0;left:0;right:0;z-index:200;
  height:var(--dy-nav-height);background:var(--dy-nav-bg);
  border-bottom:var(--dy-nav-line-w) solid var(--dy-nav-line); /* ★ 导航下方细黑线 */
  box-sizing:content-box;                            /* 黑线画在 52px 高度之外，不挤内容 */
  display:flex;align-items:center;justify-content:center;
  gap:38px;box-shadow:0 2px 8px rgba(20,10,5,.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. 功能面板：红色导航下方的暗色横条（原生按钮 + 搜索框 + 更多 全在里面）
      ★ 底色 = 低透明度浅黑 --dy-panel-bg；空白处有低调装饰：
        ::before = 居中艺术文字水印；::after = 右侧鹰翼状几何细线纹样。
        装饰层 pointer-events:none 且透明度极低，绝不遮挡按钮/搜索框/文字。
   ===================================================================== */
#mw-page-base{height:var(--dy-tabstrip) !important;
  background:var(--dy-panel-bg) !important;          /* ★ 面板暗色底（原纯红改暗黑） */
  position:relative;overflow:hidden;}
#mw-page-base::before{content:'IMPERIAL EAGLE · 帝鹰网联 · IEW';
  position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
  text-align:center;font-size:19px;letter-spacing:14px;white-space:nowrap;
  color:var(--dy-panel-decor);pointer-events:none;}  /* 艺术文字水印（透明度 :root 可调） */
#mw-page-base::after{content:'';position:absolute;right:10px;top:50%;
  width:150px;height:40px;transform:translateY(-50%);
  background:repeating-linear-gradient(118deg,var(--dy-panel-decor) 0 1px,transparent 1px 8px);
  -webkit-mask:radial-gradient(ellipse 100% 100% at 100% 50%,#000 30%,transparent 78%);
          mask:radial-gradient(ellipse 100% 100% at 100% 50%,#000 30%,transparent 78%);
  pointer-events:none;}                              /* 鹰翼状几何细线（右端渐隐） */
/* 面板占位等高 + 负边距抵消 → 内容区紧贴面板底部，无多余留白 */
#mw-head-base{height:var(--dy-tabstrip) !important;
  margin-top:calc(-1 * var(--dy-tabstrip)) !important;}
#mw-head{top:var(--dy-nav-height) !important;height:var(--dy-tabstrip);box-sizing:border-box;
  position:absolute;left:0;right:0;z-index:2;}       /* 按钮层压在装饰层之上 */
/* 左右两组（含搜索框）flex 垂直居中，与面板同高严丝合缝 */
#left-navigation,#right-navigation{margin-top:0 !important;
  height:var(--dy-tabstrip);box-sizing:border-box;
  display:flex;align-items:center;}
#left-navigation > *,#right-navigation > *{margin-top:0 !important;}
#left-navigation{margin-left:calc(var(--dy-sidebar-width) + 28px) !important;} /* ★ 页面/讨论整组：从侧栏右缘再右移 28px（改数字即调距离） */
/* ★ 按钮排布（本次定稿）：整组按钮从右侧搜索框方向向左铺开，
   页面/讨论 紧跟在 阅读 左边；完全远离左侧「帝鹰维基」标题图片 */
#mw-head{display:flex;align-items:center;}
#left-navigation,#right-navigation{float:none !important;}
#left-navigation{margin-left:auto !important;      /* ★ 左组（页面/讨论）推到面板右端 */
  margin-right:14px;}                              /* 与「阅读」组之间留一档间距 */
#right-navigation{flex:0 0 auto;}                  /* 右组不再拉伸，紧贴搜索框 */
#right-navigation > #p-search{margin-left:auto;}   /* 搜索框固定最右（右组内兜底） */
/* —— 原生按钮（1.39 类名 .vector-menu-tabs）：白字适配暗底 —— */
.vector-menu-tabs{background-image:none !important;}
.vector-menu-tabs .vector-menu-content-list li{
  background-image:none !important;background-color:transparent !important;}
.vector-menu-tabs .vector-menu-content-list li a{color:#ffffff !important;}
.vector-menu-tabs .vector-menu-content-list li.selected a,
.vector-menu-tabs .vector-menu-content-list li.selected a:visited{color:var(--dy-nav-hover) !important;}
.vector-menu-tabs .vector-menu-content-list li.new a,
.vector-menu-tabs .vector-menu-content-list li.new a:visited{color:#ffd9d0 !important;}
.vector-menu-tabs .vector-menu-content-list li a:hover{background:var(--dy-nav-hover-bg);border-radius:4px;}
/* 下拉菜单（变体/更多）：标题白字，展开面板白底黑字保证可读 */
.vector-menu-dropdown .vector-menu-heading{color:#ffffff;}
.vector-menu-dropdown .vector-menu-content{background:#ffffff;}
.vector-menu-dropdown .vector-menu-content li a{color:#333333 !important;}
/* 搜索框：紧凑圆角融进暗面板 */
#p-search form{margin:0;}
#p-search input[type="search"],#simpleSearch{border-radius:6px;}

/* =====================================================================
   2. 右上角用户登录信息外移（用户名/讨论/参数设置/监视列表/贡献/退出）
      ★ 从红色导航内部移到：红色导航下方、白色主内容区右上空白处。
        内容区顶部同步加内边距，保证不压正文、卡片、搜索框。
   ===================================================================== */
#p-personal{top:calc(var(--dy-nav-height) + var(--dy-tabstrip) + 10px) !important;
  right:26px !important;z-index:220;}
#p-personal li a{color:#5a5548;font-size:12.5px;}    /* 深灰字，白底上清晰可点 */
#p-personal li a:hover{color:var(--dy-nav-bg);}      /* 悬浮变红，呼应顶栏 */

/* =====================================================================
   3. 侧边栏：深暗军装橄榄绿整体背景 + 顶部红色旗帜块 + 厚黑分隔线
      ★ 背景实现：body::before 画一条固定全高的橄榄绿竖列（宽度=侧栏宽），
        菜单滚动时绿色始终铺满左列；文字色米白保证可读。
   ===================================================================== */
body::before{content:'';position:fixed;left:0;top:var(--dy-nav-height);bottom:0;
  width:calc(var(--dy-sidebar-width));background:var(--dy-side-olive);z-index:0;}
#mw-panel{top:calc(var(--dy-nav-height) + var(--dy-nav-line-w)) !important;
  width:var(--dy-sidebar-width);padding-left:0;
  background:transparent;border:0;box-shadow:none;}
/* 顶部旗帜区块：本次改为「旗帜图片铺满整个板块」
   ★ 移除原来的红色板块底色（图片自己铺满即是背景）；
     保留底部 2px 黑线（容器边框美感）；
     板块高度仍 = --dy-tabstrip，与上方红色导航/侧栏宽度严格对齐。 */
#p-logo{background:transparent;
  height:var(--dy-tabstrip);box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;
  padding:0;margin:0;border-bottom:2px solid var(--dy-nav-line);}
/* 旗帜图铺满容器：宽高 100% + cover（等比填满、不变形不拉伸、不溢出，
   多余部分居中裁掉）；想改回「完整显示留白」就把 cover 改成 contain。 */
#p-logo .mw-wiki-logo{margin:0;
  width:100%;height:100%;
  background-size:cover !important;background-position:center !important;}
/* 侧边栏文字配色：深底上米白可读、悬浮变金 */
#mw-panel h3{font-size:12.5px;letter-spacing:2px;color:var(--dy-side-head);}
#mw-panel .vector-menu-portal{margin:0;padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);}
#mw-panel .vector-menu-content-list a,
#mw-panel .vector-menu-content-list a:visited{color:var(--dy-side-ink);}
#mw-panel .vector-menu-content-list a:hover{color:var(--dy-side-hover);}
#mw-panel .vector-menu-content-list a.new,
#mw-panel .vector-menu-content-list a.new:visited{color:#f2b3a4;} /* 未创建词条浅红 */

/* =====================================================================
   4. 左右两区交界：本次按要求【移除】竖向黑色分隔线
      ★ 不再画任何分割线；仅保留 margin-left = 侧栏宽度，
        保证侧边栏与主内容区边缘对齐、宽度衔接规整。
        （若以后想恢复分隔线，把 border-left 那行加回来即可。）
   ===================================================================== */
#content{border-left:0 !important;                 /* ★ 已删除竖向黑色分隔线 */
  margin-left:var(--dy-sidebar-width) !important;  /* 边缘对齐：内容区紧接侧栏 */
  padding-top:3.4em !important;      /* 顶部加高：给外移的用户链接让位，不压正文 */
  background:transparent;border-top:0;border-right:0;border-bottom:0;box-shadow:none;}

/* =====================================================================
   5. 全局布局（纯白底）+ 侧边栏菜单
   ===================================================================== */
body{padding-top:calc(var(--dy-nav-height) + var(--dy-nav-line-w));
  background:var(--dy-bg);color:var(--dy-ink);font-size:var(--dy-font-size);}
.mw-body-content{max-width:var(--dy-content-max);}

/* =====================================================================
   6. 主页顶部横幅（帝鹰绿金，沿用不动）
   ===================================================================== */
.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-en{font-family:Arial,"Segoe UI",sans-serif;font-weight:400;
  letter-spacing:3px;margin-left:10px;opacity:.92;}
.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;}

/* =====================================================================
   7. 公告栏 + 卡片：内容区底色改浅灰（黑标题条/边框/头像/排版全不变）
   ===================================================================== */
.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.1;color:var(--dy-ink);
  background:var(--dy-card-inner);height:auto;   /* ★ 高度不固定：随文字多少自动撑开 */
  word-break:break-word;overflow-wrap:anywhere;} /* ★ 长句自动换行，文字不挤不溢出 */
.dy-announce-b p{margin:0 0 10px;}

/* =====================================================================
   8. 大板块容器 + 「社群典章与纪事」链接小卡片化
      ★ 每个链接条目 = 独立小卡片按钮：背景块 + 圆角 + 内边距 + 细边框，
        悬浮柔和抬升反馈；链接、顺序、分组、双列结构全部保留。
   ===================================================================== */
.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-note{font-size:12px;color:#8a8578;text-align:center;
  line-height:1.9;padding:10px 18px 0;margin:0;}
.dy-sec-more{text-align:center;color:var(--dy-sub);font-size:12.5px;padding:10px 0 14px;}
.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:10px 14px;}
.dy-lines2 .dy-line a{display:block;background:#eef7f5; /* ★ 典章小卡片底色同步浅青 */
  border:1px solid #ddd9cc;border-radius:8px;padding:9px 14px;
  color:#3a3a35;font-size:14px;text-align:center;
  transition:background .15s,color .15s,box-shadow .15s,transform .15s;}
.dy-lines2 .dy-line a:visited{color:#3a3a35;}
.dy-lines2 .dy-line a:hover{background:#ffffff;border-color:var(--dy-nav-bg);
  color:var(--dy-nav-bg);box-shadow:0 2px 10px rgba(0,0,0,.08);transform:translateY(-1px);}
.dy-lines2 .dy-line a.new,.dy-lines2 .dy-line a.new:visited{color:#b3261e;} /* 未创建词条保持红名 */

/* =====================================================================
   9. 人物档案横卡：内容区底色浅灰（其余样式不动）
   ===================================================================== */
.dy-expose{padding:16px 18px 6px;display:flex;flex-direction:column;gap:var(--dy-gap);}
.dy-pcard{display:flex;gap:16px;align-items:flex-start;padding:14px 16px;
  border:var(--dy-card-border);border-radius:8px;background:var(--dy-card-inner);
  height:auto;min-height:0;} /* ★ 名片高度随简介文字自动伸缩，不固定 */
.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:2.0; /* 行距加大防拥挤 */
  word-break:break-word;overflow-wrap:anywhere;} /* 长句自动换行 */

/* =====================================================================
   10. 侧边栏模块：♪ 帝鹰电台 + 💬 帝鹰聊天室（Common.js 注入，军装绿主题）
   ===================================================================== */
#dy-radio,#dy-chat{margin:10px 10px 2px;background:#232819;
  border:1px solid rgba(230,210,144,.28);border-radius:10px;
  padding:10px 10px 11px;color:var(--dy-gold);}
#dy-radio .dy-mod-h,#dy-chat .dy-mod-h{font-size:12.5px;letter-spacing:2px;
  font-weight:700;margin-bottom:7px;}
#dy-r-title{font-size:12px;color:#f2f1e4;min-height:18px;margin-bottom:6px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#dy-r-ctl{display:flex;gap:5px;}
#dy-r-ctl button,#dy-chat-open{background:#3a4232;color:var(--dy-gold);
  border:1px solid rgba(230,210,144,.35);border-radius:6px;
  padding:3px 10px;font-size:13px;cursor:pointer;font-family:inherit;}
#dy-chat-open{display:block;width:100%;padding:6px 0;text-align:center;}
#dy-r-ctl button:hover,#dy-chat-open:hover{background:#4a5440;color:#f5e6b8;}
/* 聊天室弹层（点击「进入聊天室」出现，内置 /chat/ 页面 iframe） */
#dy-chat-ov{position:fixed;inset:0;z-index:500;background:rgba(10,12,8,.72);
  display:flex;align-items:center;justify-content:center;}
#dy-chat-ov[hidden]{display:none;}
.dy-chat-frame{width:min(960px,96vw);height:88vh;background:#fff;
  border-radius:12px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 10px 40px rgba(0,0,0,.5);}
.dy-chat-bar{background:var(--dy-green);color:var(--dy-gold);
  padding:6px 12px;font-size:13px;display:flex;
  justify-content:space-between;align-items:center;letter-spacing:2px;}
#dy-chat-close{background:none;border:1px solid rgba(230,210,144,.4);
  color:var(--dy-gold);border-radius:6px;padding:2px 10px;cursor:pointer;font-size:12.5px;}
#dy-chat-close:hover{background:#3a4232;}
.dy-chat-frame iframe{flex:1;border:0;width:100%;}

/* =====================================================================
   11. 管理入口 + 管理员可视化面板（右下角：直传图片 / 文字样式）
   ===================================================================== */
.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;}
/* —— 管理面板浮动条（仅管理员可见，Common.js 注入） —— */
#dy-admintool{position:fixed;right:18px;bottom:18px;z-index:210;
  display:flex;align-items:center;gap:8px;
  background:#232819;border:1px solid rgba(230,210,144,.35);border-radius:999px;
  padding:7px 14px;box-shadow:0 3px 12px rgba(20,25,15,.4);}
#dy-admintool .dy-at-cap{color:var(--dy-gold);font-size:12.5px;font-weight:700;letter-spacing:1px;}
#dy-admintool button,#dy-admintool a{background:#3a4232;color:var(--dy-gold);
  border:1px solid rgba(230,210,144,.35);border-radius:999px;
  padding:4px 12px;font-size:12.5px;cursor:pointer;text-decoration:none;font-family:inherit;}
#dy-admintool button:hover,#dy-admintool a:hover{background:#4a5440;color:#f5e6b8;}
/* —— 通用小弹窗（上传 / 文字样式共用） —— */
#dy-dlg{position:fixed;inset:0;z-index:520;background:rgba(10,12,8,.66);
  display:flex;align-items:center;justify-content:center;}
.dy-dlg-card{width:min(480px,94vw);background:#ffffff;border-radius:12px;overflow:hidden;
  box-shadow:0 10px 40px rgba(0,0,0,.5);}
.dy-dlg-bar{background:var(--dy-green);color:var(--dy-gold);
  padding:8px 14px;font-size:14px;font-weight:700;letter-spacing:1px;
  display:flex;justify-content:space-between;align-items:center;}
#dy-dlg-close{background:none;border:1px solid rgba(230,210,144,.4);color:var(--dy-gold);
  border-radius:6px;padding:2px 10px;cursor:pointer;}
.dy-dlg-body{padding:18px;}
/* 弹窗内表单行 */
.dy-frow{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.dy-frow > label{flex:0 0 56px;font-size:13px;color:#5a5548;}
.dy-frow input[type="text"],.dy-frow input:not([type]),.dy-frow select{
  flex:1;border:1px solid #cfcabb;border-radius:6px;padding:6px 9px;font-size:13.5px;}
.dy-frow input[type="file"]{font-size:12.5px;}
.dy-frow input[type="color"]{width:42px;height:30px;border:1px solid #cfcabb;border-radius:6px;
  padding:0;cursor:pointer;vertical-align:middle;}
/* 颜色快选色块 */
.dy-sw{width:24px;height:24px;border:1px solid #b9b4a4;border-radius:5px;cursor:pointer;
  vertical-align:middle;margin-right:4px;}
.dy-sw:hover{outline:2px solid var(--dy-gold-d);}
/* 应用按钮 / 结果提示 */
.dy-fbtn{display:block;width:100%;background:var(--dy-green);color:var(--dy-gold);
  border:0;border-radius:8px;padding:9px 0;font-size:14px;font-weight:700;
  letter-spacing:2px;cursor:pointer;font-family:inherit;}
.dy-fbtn:hover{background:var(--dy-green-2);}
.dy-ftip{margin-top:12px;font-size:12.5px;color:#5a5548;line-height:1.9;
  background:#e3f2ef;border:1px solid #cfe3de;border-radius:8px;padding:9px 12px;}
.dy-ftip code{background:#fff;border:1px solid #cfe3de;border-radius:4px;padding:0 5px;}

/* =====================================================================
   12. 手机端适配
   ===================================================================== */
@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;}
  #mw-page-base::before{letter-spacing:6px;font-size:14px;}  /* 装饰水印缩小 */
  .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;}
  #content{padding-top:3.6em !important;}   /* 手机端同样无分隔线（已移除） */
  /* 手机端：固定绿列改为跟随面板自身的绿色背景 */
  body::before{display:none;}
  #mw-panel{width:auto;background:var(--dy-side-olive);}
  /* ★ 手机端功能按钮独立成行：旗帜占第一行，按钮整行在旗帜下方，
     彻底避免按钮组贴/盖住「帝鹰维基」标题图（桌面端仍为靠右同行，不受影响） */
  #mw-page-base{height:calc(var(--dy-tabstrip) * 2) !important;}
  #mw-head-base{height:calc(var(--dy-tabstrip) * 2) !important;
    margin-top:calc(-2 * var(--dy-tabstrip)) !important;}
  #mw-head{top:calc(var(--dy-nav-height) + var(--dy-tabstrip)) !important;
    overflow-x:auto;}                             /* 按钮多时可左右滑动 */
  #p-logo{height:var(--dy-tabstrip) !important;}   /* 旗帜只占第一行 */
  /* 按钮组从侧栏右缘开始排，绝不再压回标题图/侧栏 */
  #left-navigation,#right-navigation{float:none !important;}
  #left-navigation{margin-left:calc(var(--dy-sidebar-width) + 8px) !important;margin-right:10px;}
}

/* =====================================================================
   13. 侧边栏「联系入口」模块（📞 联系窗口 + 🤖 咨询窗口，Common.js 注入）
   ===================================================================== */
/* 侧边栏工具组（工具/链入页面/引用等）整体隐藏 */
#p-tb{display:none !important;}
#dy-contact{margin:10px 10px 2px;background:#232819;
  border:1px solid rgba(230,210,144,.28);border-radius:10px;
  padding:10px 10px 11px;color:var(--dy-gold);}
#dy-contact button{display:block;width:100%;margin-bottom:6px;
  background:#3a4232;color:var(--dy-gold);
  border:1px solid rgba(230,210,144,.35);border-radius:6px;
  padding:5px 0;font-size:13px;cursor:pointer;font-family:inherit;}
#dy-contact button:hover{background:#4a5440;color:#f5e6b8;}
/* 联系窗口信息条目 */
.dy-ct-item{font-size:13.5px;line-height:2.1;color:#3a3a35;
  border-bottom:1px dashed #ddd;padding:4px 2px;}
.dy-ct-item:last-of-type{border-bottom:0;margin-bottom:10px;}
/* AI 咨询窗口：对话气泡 */
#dy-ai-log{height:300px;overflow-y:auto;background:#f7fbfa;
  border:1px solid #cfe3de;border-radius:8px;padding:10px;
  display:flex;flex-direction:column;gap:8px;}
.dy-ai-msg{max-width:85%;padding:7px 11px;border-radius:10px;
  font-size:13px;line-height:1.8;white-space:pre-wrap;word-break:break-word;}
.dy-ai-msg.bot{background:#e3f2ef;color:#23281f;align-self:flex-start;
  border:1px solid #cfe3de;}
.dy-ai-msg.user{background:#1f2733;color:#ffffff;align-self:flex-end;}
.dy-ai-input{display:flex;gap:8px;margin-top:10px;}
.dy-ai-input input{flex:1;border:1px solid #cfcabb;border-radius:6px;
  padding:7px 10px;font-size:13.5px;}
.dy-ai-input button{background:var(--dy-green);color:var(--dy-gold);
  border:0;border-radius:6px;padding:7px 16px;font-size:13.5px;
  font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:2px;}
.dy-ai-input button:hover{background:var(--dy-green-2);}
/* ============================================================
   【v23 追加】人物档案卡片样式（帝鹰著名总策划师 / 今日揭露档案）
   ============================================================ */
/* =====================================================================
   【帝鹰维基 · 人物档案卡片】配套样式（粘贴到 MediaWiki:Common.css 末尾即可）
   适用板块：帝鹰著名总策划师 / 今日揭露档案（反对精日人物）
   样式对标示例图：紫色圆角顶栏 + 白底圆角卡身 + 圆形头像 + 简介文 +
                  右下角【完整文章】跳转；桌面 2×2 网格，手机单列。
   所有类名以 dy-dos 开头（dossier=档案），与站内既有样式（dy-pcard 等）零冲突。
   ===================================================================== */

/* ---------- 参数区：想换颜色 / 间距只改这里 ---------- */
:root{
  --dy-dos-purple:#5e2ec7;        /* 紫色顶栏底色 */
  --dy-dos-purple-deep:#4a1fa0;   /* 顶栏渐变深端 */
  --dy-dos-gap:22px;              /* 卡片之间的间距 */
  --dy-dos-radius:16px;           /* 卡片圆角 */
  --dy-dos-avatar:84px;           /* 圆形头像直径 */
}

/* ---------- 2×2 网格容器：每四个卡片一组自动排成两行两列 ---------- */
.dy-dos-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);   /* 两列；改 1fr 4fr 等可调列数 */
  gap:var(--dy-dos-gap);
  margin:14px 0;
}

/* ---------- 卡片本体：白底圆角框 + 轻阴影，内容超长自动撑高 ---------- */
.dy-dos-card{
  background:#ffffff;
  border:1px solid #ececf2;
  border-radius:var(--dy-dos-radius);
  box-shadow:0 4px 14px rgba(40,20,90,.08);
  overflow:hidden;                        /* 让顶栏圆角贴合卡身 */
  display:flex;
  flex-direction:column;
}

/* ---------- 紫色圆角标题栏：白色加粗文字居中 ---------- */
.dy-dos-bar{
  margin:8px 8px 0;                       /* 顶栏四周留白边，贴样图的悬浮感 */
  background:linear-gradient(180deg,var(--dy-dos-purple),var(--dy-dos-purple-deep));
  color:#ffffff;
  font-weight:bold;
  font-size:15.5px;
  letter-spacing:2px;
  text-align:center;
  padding:9px 10px;
  border-radius:12px;
}

/* ---------- 卡身：上（头像+信息）中（简介）下（完整文章） ---------- */
.dy-dos-body{
  padding:12px 14px 12px;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;                          /* 撑满卡身，让底链贴底对齐 */
}
.dy-dos-top{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
/* 圆形头像：任何上传的方图都会被裁成正圆（有意设计，同站内头像规范） */
.dy-dos-avatar img{
  width:var(--dy-dos-avatar);
  height:var(--dy-dos-avatar);
  border-radius:50%;
  object-fit:cover;
  border:3px solid #f0eef8;
  box-sizing:border-box;
  display:block;
}
.dy-dos-info{
  flex:1 1 auto;
  min-width:0;                            /* 允许姓名过长时正常换行不撑破 */
}
.dy-dos-name{
  font-weight:700;
  font-size:16px;
  color:#23262e;
  line-height:1.5;
}
/* 身份标签：淡紫胶囊 */
.dy-dos-tag{
  display:inline-block;
  margin:3px 0 2px;
  padding:2px 12px;
  font-size:12px;
  color:var(--dy-dos-purple);
  background:#f1e9ff;
  border-radius:999px;
}
.dy-dos-birth{
  font-size:12.5px;
  color:#777;
  line-height:1.7;
}
/* 简介文字：自动换行，中英混排不撑破卡片 */
.dy-dos-desc{
  margin-top:9px;
  font-size:13.5px;
  line-height:2.0;
  color:#3a3f4a;
  word-break:break-word;
  overflow-wrap:anywhere;
}
/* 底部【完整文章】：右对齐、紫色、hover 加深 */
.dy-dos-more{
  margin-top:auto;                        /* 简介再短也贴卡片底部 */
  padding-top:8px;
  text-align:right;
}
.dy-dos-more a{
  color:var(--dy-dos-purple);
  font-size:13px;
  font-weight:600;
  text-decoration:none;
}
.dy-dos-more a:hover{
  color:var(--dy-dos-purple-deep);
  text-decoration:underline;
}

/* ---------- 手机端（≤760px）：自动变单列，卡片不挤 ---------- */
@media (max-width:760px){
  .dy-dos-grid{grid-template-columns:1fr;gap:16px;}
  .dy-dos-avatar img{width:68px;height:68px;}   /* 头像略缩小 */
}

/* ============================================================
   【v23 追加】顶部功能按钮组护栏（远离旗帜标题图）
   ============================================================ */
/* =====================================================================
   【帝鹰维基 · 顶部功能按钮组位置】（粘贴到 MediaWiki:Common.css 末尾即可）
   需求：阅读 / 讨论 / 查看源代码 / 查看历史 等整组按钮向右移动，
         远离左侧「帝鹰维基」标题旗帜，任何窗口宽度都不覆盖旗帜。
   说明：本段是「追加保险」，站内已有右对齐规则时此段只补护栏，互不冲突。
   ===================================================================== */

/* 参数：按钮组与旗帜的最小净距（想要更远就调大数值） */
:root{ --dy-btn-clear:16px; }

/* ① 整条按钮行左侧留出旗帜宽度 + 净距：flex 布局再挤也压不到旗帜上 */
#mw-head{
  padding-left:calc(var(--dy-sidebar-width) + var(--dy-btn-clear)) !important;
  box-sizing:border-box;               /* 内边距计入高度盒，面板高度不变 */
  overflow-x:auto;                     /* 极窄窗口下按钮行可横向滑动，绝不左溢压图 */
  scrollbar-width:none;                /* 隐藏滚动条，外观保持干净 */
}
#mw-head::-webkit-scrollbar{display:none;}

/* ② 左组（页面/讨论）推到面板右端，与右组（阅读/查看源代码/查看历史/搜索）连成一排 */
#left-navigation{
  margin-left:auto !important;         /* 右对齐 = 整体远离标题旗帜 */
  margin-right:14px;                   /* 与「阅读」组之间留一档间距 */
}

/* —— 备选方案（默认不启用）：把按钮组居中放在标题上方的空白区。
   想切换时：注释掉上面 ② 的 margin-left:auto，再放开下面两行 ——
#left-navigation{
  position:absolute;left:50%;transform:translateX(-50%);
  margin-left:0 !important;top:0;bottom:0;display:flex;align-items:center;
}
———————————————————————————————————————————————————— */
/* ============================================================
   【v24 追加】主页人物卡绿色主题变体（不用紫色，沿用站内卡片底色）
   用法：<div class="dy-dos-grid dy-dos-green"> 包住卡片即可。
   ============================================================ */

/* 参数：绿色主题取色（与站内其他卡片/面板同源） */
:root{
  --dy-dos-green-bg:var(--dy-card-inner,#e3f2ef);  /* 卡片底色 = 站内卡片同款浅青 */
  --dy-dos-green-bar:#2c3226;                      /* 卡顶小标题条 = 军装橄榄绿 */
  --dy-dos-green-ink:#d9b45c;                      /* 小标题条文字 = 金色 */
  --dy-dos-green-tag:#4f5c44;                      /* 标签文字 = 深橄榄 */
}

/* 卡片框：底色与站内其他卡片一致，边框柔化 */
.dy-dos-green .dy-dos-card{
  background:var(--dy-dos-green-bg);
  border-color:#cfe2dc;
  box-shadow:0 3px 10px rgba(38,43,33,.08);
}

/* 卡顶小标题条（可选结构）：绿色条+金字，替代紫色 */
.dy-dos-green .dy-dos-bar{
  background:var(--dy-dos-green-bar);
  color:var(--dy-dos-green-ink);
  letter-spacing:3px;
}

/* 标签：金绿配色 */
.dy-dos-green .dy-dos-tag{
  color:var(--dy-dos-green-tag);
  background:#e6ecdd;
}

/* 底部链接：金色，与站点金色主题呼应 */
.dy-dos-green .dy-dos-more a{color:var(--dy-gold,#9a7425);}
.dy-dos-green .dy-dos-more a:hover{color:#7c5c1c;}

/* 无头像时的占位圆字（如：龙阳暂未传头像 → <div class="dy-dos-avatar dy-dos-ph">龙</div>） */
.dy-dos-avatar.dy-dos-ph{
  width:var(--dy-dos-avatar,84px);
  height:var(--dy-dos-avatar,84px);
  border-radius:50%;
  background:var(--dy-dos-green-bar);
  color:var(--dy-dos-green-ink);
  font-size:30px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  border:3px solid #f0eef8;
  box-sizing:border-box;
  flex:0 0 auto;
}
@media (max-width:760px){
  .dy-dos-avatar.dy-dos-ph{width:68px;height:68px;font-size:24px;}
}

/* ============================================================
   【v26 追加】隐藏页脚 "Powered by MediaWiki" 图标水印
   ============================================================ */
#footer-poweredbyico{display:none !important;}

/* ============================================================
   【v26 追加】隐藏顶部「Mini Pig」导航/面包屑文字链接（仅视觉隐藏，
   词条与跳转逻辑不受影响；元素若当前不存在则此规则自动休眠）
   ============================================================ */
.mw-breadcrumb a[title="Mini Pig"],
#p-navigation a[title="Mini Pig"],
#p-帝鹰网联 a[title="Mini Pig"],
#left-navigation a[title="Mini Pig"],
#right-navigation a[title="Mini Pig"],
a[title="Mini Pig"]{display:none !important;}

/* ============================================================
   【v27 追加】管理层 · 成员名录板块（Main Page）
   —— 暗藏青底（同顶部导航 #1f2733）+ 复古纸张/鹰翼暗纹 +
      浅金标题 + 浅白名单。可调参数均标注在下方。
   ============================================================ */
/* 板块底色：与顶部导航同源的暗藏青；边框金线透明度可调 */
.dy-roster{
  position:relative;
  overflow:hidden;
  background:var(--dy-roster-bg,#1f2733);
  border:1px solid rgba(217,180,92,.22);
  border-radius:14px;
  padding:26px 26px 22px;
}
/* 复古纸张暗纹：极淡横向细线，模拟旧纸质感（透明度 .022 可调） */
.dy-roster::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 2px,transparent 2px 5px);
}
/* 鹰翼几何暗纹：右上角金色放射细线，加径向渐隐（透明度 .05 可调） */
.dy-roster::after{
  content:"";position:absolute;right:-40px;top:-40px;
  width:280px;height:280px;pointer-events:none;
  background:repeating-linear-gradient(115deg,rgba(217,180,92,.05) 0 1px,transparent 1px 14px);
  transform:rotate(8deg);
  -webkit-mask-image:radial-gradient(circle at 70% 30%,#000 0%,transparent 70%);
          mask-image:radial-gradient(circle at 70% 30%,#000 0%,transparent 70%);
}
/* 板块标题：浅金色、居中、加宽字距 */
.dy-roster-h{
  position:relative;z-index:1;
  color:#d9b45c;
  font-size:1.35em;font-weight:700;letter-spacing:.12em;
  text-align:center;margin:0 0 18px;
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}
/* 名单分组行：组标签 + 成员名，行间虚线分隔 */
.dy-roster-g{
  position:relative;z-index:1;
  display:flex;align-items:baseline;gap:12px;
  padding:10px 0;
  border-bottom:1px dashed rgba(217,180,92,.18);
}
.dy-roster-g:last-child{border-bottom:none;}
/* 组标签：金色胶囊、深色文字 */
.dy-roster-tag{
  flex:0 0 auto;
  color:#1f2733;background:#d9b45c;
  font-size:.78em;font-weight:700;letter-spacing:.15em;
  padding:3px 12px;border-radius:999px;
}
/* 成员名单：浅白色文字 */
.dy-roster-names{
  color:#f5f5f2;
  font-size:1.05em;letter-spacing:.05em;line-height:1.9;
}
/* 手机端适配：分组改为上下排列 */
@media (max-width:760px){
  .dy-roster{padding:20px 16px;}
  .dy-roster-h{font-size:1.15em;}
  .dy-roster-g{flex-direction:column;gap:6px;align-items:flex-start;}
}