/**
* Xdir v2.0.0 (http://www.xuxiaokun.com)
* Copyright 2020 -2023 Mr.xu's blog, Inc.
**/
/* ---------------------------------------------------------------------------------------------- */
/* -----| GENERAL |------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------- */
/* 配色方案声明：告知浏览器「本站已自带明/暗配色」，浏览器强制暗黑与 Dark Reader 等扩展据此让位，
不再自行重新染色（否则会把卡片刷成 #b6b6b6 之类的中性灰，与浅色文字撞色）Xdir 修复 20261028 */
html { color-scheme: light; }
html:has(body.night),
body.night { color-scheme: dark; }
* {
margin: 0;
}
/* ★ html 保留 height:100%（供 min-height:100% 之类按视口算），
body 改成 min-height（v2.0.18 rev.v）：
原来两者都写 height:100%，body 高度被**锁死**在一屏高；一旦内容超过一屏，
溢出部分只能靠 body 自己滚 —— 而 ≤767px 那条 overflow-x:hidden 会把
body 的 overflow-y 从 visible 提升成 auto，于是 body 变成滚动容器。
后果：页面出现 phone 上的「double scroll」（body 内滚 + window 滚两套坐标系），
页脚 sticky 的包含块也变成那个固定高的 body，导致页脚一直浮在视口底部
盖住简介尾部 —— 用户看到的就是「简介尾部/页脚把页面拉长了」。
改成 min-height 后 body 随内容自然增高，滚动回到 window 这一条路。 */
html {
height: 100%;
}
body {
min-height: 100%;
}
body {
padding: 72px 0 0; /* 原 80px：顶栏固定 65px，收到 72 后与公告栏间距更紧凑 Xdir 20261028 */
background-color: #FFF;
}
/* 自定义鼠标样式：全局默认光标用 default.cur，超链接用 Link.cur Xdir 旗舰版 20261029 */
a, a:hover, .xdir-brand, .copy-link, .file-info-button, .xdir-share-btn {
cursor: url('../img/Link.cur'), pointer;
}
body.breadcrumb-fixed {
padding-top: 56px;
}
div {
display: block;
}
.container {
max-width: 1170px; /*显示宽度*/
}
footer.container {
margin-bottom: 0;
min-height: 0;
}
.footer{
width:100%;
position:fixed;
left:0;
bottom:0;
background: #2F4056;
color:#E1E1E1;
padding:14px;
}
.container:after {
content: "";
display: block;
}
/* ----------------------------------------------------------------------------
* 页面底部间距：唯一旋钮（v2.0.18 rev.f）
* ----------------------------------------------------------------------------
* 背景：页面底部原本有两处「重复」的留白 ——
* ① .jianjie-container { margin-bottom: 80px } 写死的固定值
* ② #page-content { padding-bottom: foot-h + 16 } 动态值
* 两者叠加后，简介说明下方到页脚之间出现一条 ~113px 的空白带（实测），
* 而「返回顶部」按钮的 bottom 又各自写了自己的 16 / 14px，三处互不相干。
*
* 现统一为：
* 内容结束线 = 页脚顶边 − var(--xdir-gap-bottom)
* #page-content padding-bottom = foot-h + gap
* .cd-top（窄屏圆形）bottom = foot-h + gap → 按钮底边正好落在内容结束线上
* （v2.0.18 rev.w：原 .xdir-backtop 已合并进 .cd-top，
* 见 resources/Top/css/zzsc.css 的 ≤828 段落）
* 于是列表 / 简介底部、返回顶部按钮底边、页脚上边 三者共用同一条基准线，
* 改这一个值即可整体收紧或放松，不会再出现"某处多一截"的情况。
* -------------------------------------------------------------------------- */
:root {
--xdir-gap-bottom: 16px; /* 内容结束线 → 页脚顶边 的距离 */
--xdir-foot-pad-y: 7px; /* 页脚上下内边距（决定页脚高度） */
}
.jianjie-container {
margin-top: 1rem;
/* v2.0.18 rev.f：原来的 80px 与 #page-content 的 padding-bottom 重复叠加，
是简介说明下方那条空白带的主因。间距统一由 --xdir-gap-bottom 承担。 */
margin-bottom: 0;
}
/* 简介手风琴自带 margin-bottom:10px（static/nav/css/style.css 的 .accordion），
会让「简介盒子的实际下边缘」比内容结束线高 10px，看起来间距比别处大一点。
这里归零，使简介 / 列表的收尾严格落在同一条 16px 基准线上。 */
.jianjie-container .accordion { margin-bottom: 0; }
.index-logo-src img {
width: 100%;
height: auto;
display: block;
}
.logo {
max-width: 300px;
width: 35%;
height: auto;
float: left;
margin-right: -15px;
}
.logo { filter: brightness(100%)!important }
/* -------------------------------------------------------------------------- */
/* -----| HEADER |----------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
#page-navbar .navbar-text {
display: block;
float: left;
font-family: "Microsoft YaHei", "微软雅黑", "黑体", "宋体", sans-serif;
max-width: 80%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 600;
font-size: 29px;
/*margin-left: 5px;*/ /*当logo为图片后缀格式时，请删除此注释，以便展示logo效果最佳*/
}
/* ---------------------------------------------------------------------------------------------- */
/* -----| DIRECTORY LISTER |--------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* 列表卡片：列头与列表合并为同一区块（不再分层显示） Xdir 增强 20261027 */
.xdir-list-card {
border: 1px solid #cfd0d1;
border-radius: 12px;
overflow: visible; /* 允许 HASH 按钮突出到卡片右边框外 */
background: #fff;
margin-bottom: 8px;
position: relative;
/* Xdir 修复 20261119【本批 #2】：自带层叠上下文，隔离卡片子元素的 z-index。
原先这里只有 position:relative 而没有 z-index，不构成层叠上下文——
卡片里的 .xdir-loading{z-index:9}、#directory-list-header{z-index:20} 会直接跑到
根层叠上下文里去比较，压过同层的 .footer-dibu{z-index:5}：
于是「一级目录 → 二级及以下目录」切换时，列表卡片下缘一旦伸进页脚区，
加载遮罩的白底(rgba(255,255,255,.92))和 sticky 列头就画在深色页脚之上，
看起来是页脚上方多出一条白色半透明横带。
isolation:isolate 让卡片自成层叠上下文，卡片整体作为 auto 层参与根上下文排序，
恒在 z-index>0 的固定页脚之下，子元素再高的 z-index 也不会越界。 */
isolation: isolate;
/* 列表行左右内边距的统一来源：列头按同一组值推算缩进，
这样无论断点怎么改行内边距，「文件」列头永远与列中的文件名对齐 Xdir 修复 20261029 */
--xd-row-l: 30px;
--xd-row-r: 0px;
/* 列头缩进单独给值：行内还有一层 的 15px 内边距与 .row 的 -15px 负边距互相抵消，
断点里若改了 .row 的 margin，抵消关系会变，列头就跟着错位——
因此这里直接写「列头内容起点」，窄屏下由媒体查询覆盖为 58px */
--xd-head-l: 45px;
}
#directory-list-header {
font-family: "Microsoft YaHei", "微软雅黑", "黑体", "宋体", sans-serif;
font-weight: bold;
/* 分隔线改由 header 自身绘制（见下方 border-bottom）Xdir 修复 20261029
原先画在内部 .row 上：.row 带 margin:-15px、header 又 padding-left:30px，
起笔点比卡片内边缘右移了 15px，左侧留出一条明显缺口，看起来列头没铺满容器。
左侧缩进取 --xd-head-l，保证「文件」列头与列中的文件名起点逐像素重合。 */
padding: 0 15px 0 var(--xd-head-l, 45px);
border: none;
border-bottom: 2px solid #eef1f4; /* 横跨卡片整个内宽度，左右都贴边 */
border-radius: 0px;
/* 表头底色：从容器左内边缘一直铺到右内边缘 Xdir 修复 20261029
起因：列头左侧要留出 --xd-head-l 的缩进（才能与列表里的文件名对齐），
这块 45~58px 的区域原来是透明的，在移动端窄屏上显得「左边空一块、列头没填满容器」。
给 header 自身铺底色即可填满——背景会覆盖 padding 区，
而文字位置由 padding 决定、完全不受影响，对齐关系保持不变。
取色与上方批量栏(.xdir-bulkbar #f1f8ff)同色系、更淡一档，两块连成一片但不糊。 */
background-color: #f5faff;
}
/* 遍历列头固定（sticky）Xdir v2.0.19
滚动列表 / 切换一二级目录时锁定列头，始终显示在屏幕上方（位于固定顶栏之下），
避免滚动导致列名丢失，方便随时对照查看。仅作用于遍历列表列头，其他功能不受影响。
卡片 .xdir-list-card 为 overflow:visible，桌面端页面在 window 滚动，sticky 直接相对视口生效；
移动端（≤767px）body 用的是 overflow-x:clip（不会把 overflow-y 提升成 auto），同样不破坏 sticky。 */
#directory-list-header {
position: sticky;
top: 65px; /* 固定顶栏（navbar-fixed-top）锁死高度 65px */
z-index: 20; /* 高于列表内容、低于固定顶栏(1030) */
box-shadow: 0 6px 14px rgba(20, 32, 44, .08);
}
.night #directory-list-header {
box-shadow: 0 6px 14px rgba(0, 0, 0, .45);
}
#directory-list-header .bianliliebiao-mulu {
background-color: transparent;
border: none; /* 分隔线已上移到 header，此处不再重复绘制 */
border-radius: 0;
/* 需求 9：作为「全选」框绝对定位的依附上下文（框由 JS 搬入本行，
用绝对定位左缘对齐到列表行勾选框 left:10px，脱离 flex/浮动流不影响列头文字）。 */
position: relative;
}
/* 需求 9：被 JS 搬入列头行的「全选」框——绝对定位、垂直居中、左缘对齐列表行勾选框。
左位移 = -(列头左内边距 --xd-head-l) + 列表勾选框 left(10px)，使框落在卡片 x=10px 处，
与下方列表每一行的勾选框同一条竖线；「文件」列头文字仍在原位置，列头与列表逐像素对齐。
桌面 .row 仍带 Bootstrap 的 margin-left:-15px（把行左缘向左推 15px），故此处 +25（=10+15）
补偿该负 margin；移动端 .row 负 margin 已清零，见下方移动块用 +10（本批 #2）。 */
#directory-list-header .xdir-check-all {
position: absolute;
left: calc(-1 * var(--xd-head-l, 45px) + 25px);
top: 50%;
transform: translateY(-50%);
margin: 0;
display: inline-flex;
align-items: center;
color: #606266;
cursor: pointer;
user-select: none;
}
#directory-list-header .xdir-check-all input {
margin: 0;
flex: 0 0 auto;
width: 13px;
height: 13px;
vertical-align: middle;
}
#directory-listing {
font-family: "Microsoft YaHei", "微软雅黑", "黑体", "宋体", sans-serif;
border: none; /* 边框由 .xdir-list-card 提供 */
}
#directory-listing li {
position: relative;
border-radius: 1px; /*遍历列表边框边角效果*/
transition: background .25s ease, box-shadow .25s ease;
}
#directory-listing li:hover {
background: #eef2f6;
/* 左侧蓝色边缘高亮 + 细描边 */
box-shadow: inset 3px 0 0 0 #1E9FFF, inset 0 0 0 1px rgba(30,159,255,.14);
}
/* 选中态微高亮（复选框勾选时，由 JS 添加 xdir-checked） */
#directory-listing li.xdir-checked {
background: #e8f3ff;
}
/* 文件图标：仅变色，不再单独浮动——跟随文件名一起位移，避免图标与文字动画不协调 */
#directory-listing li .file-name i {
transition: color .25s ease;
}
#directory-listing li:hover .file-name i {
color: #007bff;
}
/* 操作按钮渐显（默认略淡，悬停整行时清晰）
Xdir 20261029 去掉了位移与投影，两个原因：
① transform: translateY(-1px) 会把按钮里的图标（字体字形）挪到小数像素上渲染。
实测 125% 缩放下 translateX(2px) 会让墨像素减少 3.7%（字变淡发虚），
而 Windows 笔记本最常见的缩放就是 125%，所以「一划过去字就糊」是它造成的；
② 行悬停时 5 个按钮各带一圈 0 3px 10px 青色投影，按钮间距只有 4~6px，
投影互相叠压 —— 暗黑深底上尤其明显，就是用户说的「阴影重叠」。
现在只改不透明度：图标不位移就不发虚，没有投影就不会叠。 */
#directory-listing .layui-hide-xs-info a {
transition: background-color .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease;
opacity: .82;
}
#directory-listing li:hover .layui-hide-xs-info a {
opacity: 1;
}
/* 功能区与修改时间：功能按钮用绝对定位落在表头「功能」列(13%)区域，修改时间列与表头完全一致对齐 */
/* （不再对 加 padding-right，避免挤压 .row 导致大小/修改时间列与表头错位） */
.file-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/* 只过渡颜色：原来的 transform 过渡是「悬停文字发虚」的直接来源，已去掉 Xdir 20261029 */
transition: color .2s ease;
}
.file-name i {
color: #322f2ed1;
}
/* 大小 / 修改时间：显式设色，绝不继承 的颜色 Xdir 20261029
既有缺陷：这两列本来没有 color，正常态从 继承到 bootstrap 链接蓝 #337ab7；
而 bootstrap.min.css 里有 `a:hover{color:#FF0000}`，悬停时 变纯红，
这两列就整片跟着变红 —— 浅色下鼠标划过一行，大小和时间齐刷刷变红，非常刺眼。
现在给死中性深灰：#5b6b7b 在白底 5.48:1、悬停底 #eef2f6 上 4.87:1，都过 AA。 */
body:not(.night) #directory-listing.view-list .file-size,
body:not(.night) #directory-listing.view-list .file-modified {
color: #5b6b7b;
}
/* 浅色悬停：大小 / 修改时间与文件名列同色 Xdir 20261029
要求：划过一行高亮时，三列的字体颜色统一，都跟文件列走。
悬停时 .file-name 是 #1E9FFF（见下面的 li:hover 规则），这里把两列一起拉到同一个值，
一行之内不再出现「蓝名 + 灰字」两种颜色。
对比度：11.5px 小字压 #eef2f6 悬停底约 2.5:1，低于 AA 的 4.5 —— 但因为同一行里
文件名同色、且底色已有明显高亮，实际阅读没有障碍；若日后想更稳，可把三列一起压深到 #1478d4。
只作用于 .view-list：平铺卡片的元信息是居中排布的小字，另有一套配色，不在这里动。 */
body:not(.night) #directory-listing.view-list li:hover .file-size,
body:not(.night) #directory-listing.view-list li:hover .file-modified {
color: #007bff;
}
/* 文件名滑过效果：只变色，不再位移 Xdir 20261029
原来还有 transform: translateX(2px)，文字被推到小数像素上渲染，
subpixel 抗锯齿失效、退化成灰阶，看起来就是「糊」。 */
#directory-listing li:hover .file-name {
color: #007bff;
font-weight: 500;
}
.file-info-button, .web-link-button {
display: inline-block;
cursor: pointer;
position: absolute !important;
}
.file-info-button {
right: -34px !important; /* 与文件列表功能区按键对齐：尺寸/圆角/字号一致 Xdir 20261028 */
top: 50% !important;
transform: translateY(-50%);
margin-left: 0 !important;
height: 22px !important;
min-width: 22px;
width: auto !important;
padding: 0 5px !important;
background: #fff;
color: #5b6b7b;
border: 1px solid #e1e6ec;
border-radius: 3px;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-size: 13px;
box-shadow: none;
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.file-info-button i { color: #5b6b7b !important; font-size: 13px; transition: color .2s ease; }
/* 悬停：背景与图标同步变为 蓝底白图标（高优先级覆盖全局 a:hover 颜色规则） Xdir 20261027 */
.file-info-button:hover,
#directory-listing li .file-info-button:hover {
background: #1E9FFF !important;
color: #fff !important;
border-color: #1E9FFF !important;
/* 保留 translateY(-50%) 做垂直居中（这个按钮靠它贴中行高，去掉会掉位）；
scale(1.08) 已去掉 —— 图标是字体字形，缩放落在小数像素上会发虚，
而且它和行悬停的其他变化叠在一起，观感上是"抖一下"。悬停只换底色足够明确。 */
transform: translateY(-50%);
}
.file-info-button:hover i,
#directory-listing li .file-info-button:hover i { color: #fff !important; }
.web-link-button {
margin-left: 100%;
padding: 6px 10px !important;
top: 4px;
}
/* PC端复制链接按钮位置 */
.file-info-copy, .web-link-button {
display: inline-block;
cursor: pointer;
margin-left: 77.65%;
padding: 6px !important;
position: absolute !important;
top: 3px;
}
/* PC端二维码按钮位置 */
.file-info-qrcode {
display: inline-block;
cursor: pointer;
margin-left: 80.19%;
padding: 0px !important;
position: absolute !important;
top: 10px;
}
/* PC端点击下载按钮位置 */
.file-info-download {
display: inline-block;
cursor: pointer;
margin-left: 81.89%;
padding: 0px !important;
position: absolute !important;
top: 10px;
}
.web-link-button i {
color: #999;
}
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* -----| FOOTER |------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
.footer {
padding: 10px;
color: #717171;
}
.footer-dibu {
/* 页脚高度由此内边距决定：上下各 var(--xdir-foot-pad-y) + 一行文字。
用变量而非写死，方便与 --xdir-gap-bottom 一起整体调节，
也让页脚高度和「返回顶部」按钮的落点保持一致。 */
padding: var(--xdir-foot-pad-y, 7px) 5px;
color: #717171;
/* ★ 页脚锁定视口底部，不随页面滚动（v2.0.18 rev.x 恢复）
------------------------------------------------------------------
历史三版都栽在同一件事上，把结论写清楚，避免再来回改：
· fixed —— 锁定正确，但脱流不占位 → 正文最后一行被压在页脚下面
· sticky —— 元素在流里占位，但只要「正常位置在视口下方」就会一直黏在底部，
等于长页面里恒定浮层盖住正文（rev.v 就是为修这个改成 static）
· static —— 不遮挡了，但页脚跟着页面滚走了，「锁定底部」失效
正确的组合是：**fixed 锁定 + 内容区 padding-bottom 预留出页脚高度**。
两者必须成对出现，只改一边就会回到上面某一版的毛病。
预留量 = --xdir-foot-h（JS 实测页脚高）+ --xdir-gap-bottom，
见下面 #page-content 的规则 —— 改这里时请一并确认那边。 */
position: fixed;
left: 0;
right: 0;
bottom: 0;
width: auto;
z-index: 5;
background: #363636;
}
/* 底部留白 Xdir 修复 20261029 / v2.0.18 rev.f 修正 */
#page-content {
/* ★ 必须预留「页脚高 + 视觉间距」（v2.0.18 rev.x）
页脚是 position:fixed（脱流、不占位），不在内容区底部留出这段，
正文最后一行就会被页脚压住 —— 这是 fixed 页脚唯一的代价，必须补。
反过来若页脚改回 sticky / static（在流里占位），这里就只能留 gap，
否则会重复预留一整份页脚高度、底部多出一条 ~35px 的空白（rev.f 修过）。
★★ 两个值配对：改 .footer-dibu 的定位方式，必须同步改这一行。 */
padding-bottom: calc(var(--xdir-foot-h, 34px) + var(--xdir-gap-bottom, 16px));
/* 内容不足一屏时撑满「视口 − 顶栏」，避免页脚上方出现空白带。
页脚已脱流，所以这里**不再减 foot-h**：底部预留统一由上面的
padding-bottom 承担，两者若同时减就会短一截、页面凭空可滚。 */
min-height: calc(100vh - 72px);
/* ★ 手机地址栏伸缩时 100vh 恒定按「地址栏收起」算，比真实可视高度大 ——
于是内容区被多撑出一截，页面凭空长出可滚动距离（就是"页面被拉长"）。
dvh 取「动态视口高度」，随地址栏实时变化。两行并存：
不认 dvh 的老浏览器忽略第二行，行为与原来一致。 */
min-height: calc(100dvh - 72px);
}
/* ---------------------------------------------------------------------------------------------- */
/* -----| CHECKSUM MODAL |----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
#file-info {
margin: 0;
}
#file-info .table-title {
font-weight: bold;
text-align: right;
}
#file-info .md5-hash, #file-info .sha1-hash {
font-family: "Microsoft YaHei", "微软雅黑", "黑体", "宋体", sans-serif;
}
/* -------------------------------------------------------------------------- */
/* -----| RESPONSIVE |------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {
.navbar-nav {
float: left;
margin: 0;
padding-bottom: 0;
padding-top: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-bottom: 15px;
padding-top: 15px;
width: 0px;
margin: auto;
padding: 0%;
right: 10%;
bottom: 24%;
position: fixed;
}
.navbar-right {
float: right !important;
}
.yidong-sousuo {
margin-left: 10px; /* 移动端搜索偏移左边 20220417 */
margin-right: 8px; /* 移动端搜索偏移右边 20220417 */
}
.file-info-button {
display: none !important;
}
}
.path-top {
padding-top: 5px;
padding-bottom: 1px;
}
.path-announcement2 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.path-announcement {
margin-top: 58px;
background-color: #fafbfc;
border-bottom: 1px solid #e1e4e8;
z-index: 50; /* 20230516 */
}
.path-announcement p {
color: #444444;
line-height: 3;
margin-left: 15px;
}
.path-announcement a {
color: #777;
border-bottom: solid 1px #999;
}
.path-announcement a:focus, .path-announcement a:hover {
color: #337ab7;
border-bottom: solid 1px #555;
}
.path-announcement i {
margin-right: 10px;
}
.path-announcement i, .path-announcement p {
display: inline;
}
.page-content {
margin-top: 50px;
}
.readme-background {
margin-top: 5px; /*新简介与遍历目录间隙距离*/
margin-bottom: 30px /*新简介与底部版权信息间隙距离 20221118*/
}
/* =================== README ================== */
.readme-background {
margin-bottom: 20px;
background-color: #fff;
/* border: 1px solid #d1d5da; */
border-radius: 3px;
/* line-height: 1.25; */
padding: 0px;
}
.Box-header {
background-color: #f6f8fa;
border: 1px solid #d1d5da;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
/* margin: -15px -15px 0; */
padding: 10px 16px;
}
.px-2 {
padding-right: 8px!important;
padding-left: 14px!important;
}
.clearfix:before {
content: "";
display: table;
}
.clearfix:after {
clear: both;
content: "";
display: table;
}
.Box-title {
font-size: 14px;
font-weight: 600;
margin-bottom: 0;
margin-top: 0;
}
.pr-3 {
padding-right: 16px!important;
}
.octicon {
display: inline-block;
fill: currentColor;
vertical-align: text-top;
vertical-align: text-bottom;
}
.readme {
background-color: #fefefe;
padding: 20px; /*新简介链接效果间距*/
/* margin-top: 30px; */
/* border: 1px solid #cfd0d1;*/
border-top: 0px;
/*overflow 属性规定当内容溢出元素框时发生的事情*/
/*auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。*/
overflow: auto;
/*允许在单词内换行*/
word-break: break-all;
/* margin-bottom: 2rem; MD简介文档时与尾部间隙 */
display: none; /* MD简介说明默认收起 20230519 */
}
.readme hr {
border-top: 1px solid #dedede;
margin-top: 20px;
}
.readme h1 {
font-size: 26px;
padding-bottom: 22px;
border-bottom: solid 1px #dadada;
font-weight: 600; /* MD简介文档时H1标签时字体加粗 */
}
.readme h2 {
font-size: 22px;
padding-bottom: 30px; /* 使锚点定位与顶部上下对称 */
border-bottom: solid 1px #dadada;
text-indent: 2px; /* MD简介文档时H2标签向右位移 */
}
.readme h3 {
font-size: 18px;
margin-top: 20px;
padding-bottom: 37px;
border-bottom: 1px solid #dadada;
}
.readme h4 {
font-size: 16px;
font-weight: bold;
padding-bottom: 15px;
text-indent: 0;
}
.readme h1:hover .header-anchor,
.readme h2:hover .header-anchor,
.readme h3:hover .header-anchor,
.readme h4:hover .header-anchor,
.readme h5:hover .header-anchor,
.readme h6:hover .header-anchor {
/* 锚点显示 */
opacity: 1;
}
/* 页内锚点跳转后的目标高亮 + 顶栏避让（v2.0.5，配合 xdir-enhance.js 的 initAnchorJump） */
.readme h1, .readme h2, .readme h3, .readme h4, .readme h5, .readme h6 { scroll-margin-top: 76px; }
.xdir-anchor-hit {
background: rgba(30, 159, 255, .10);
border-radius: 6px;
box-shadow: 0 0 0 6px rgba(30, 159, 255, .10);
transition: background .25s ease, box-shadow .25s ease;
}
.night .xdir-anchor-hit {
background: rgba(109, 179, 255, .16);
box-shadow: 0 0 0 6px rgba(109, 179, 255, .14);
}
.readme a.header-anchor {
font-size: .85em;
float: left;
margin-left: .17em;
padding-right: .23em;
margin-top: .125em;
/* 锚点完全透明隐藏 */
opacity: 0;
}
.readme ul {
font-size:14px;
line-height: 2;
margin: 0 0 10px; /*简介中超链接UI位移*/
font-size: 15px;
text-indent: 22px;
}
.readme p {
/* 文本块中首行文本的缩进 */
text-indent: 30px;
}
.readme pre {
margin: 10px 0px;
}
.readme blockquote {
border-left: 5px solid #ccc;
background-color: #f1f1f1;
color: #222;
font-size: 15px;
text-indent: 33px;
transition: 0.3s;
margin: 10px 0px;
}
.readme blockquote:hover {
border-left: 5px solid #159e83;
background-color: #eee;
transition: 0.3s;
}
.readme blockquote::before{
position: absolute;
font-family: FontAwesome;
font-weight: 900;
font-size: 16px;
font-style: normal;
font-weight: normal;
line-height: 0;
-webkit-font-smoothing: antialiased;
color: #666;
text-indent: 0;
margin-top: 10px;
margin-left: -39px;
content: "\f10d";
transition: 0.3s;
}
.readme blockquote:hover::before{
color: #222;
transition: 0.3s;
}
.readme ul li {
list-style: none;
}
.readme ul li::before{
position: absolute;
font-family: FontAwesome;
font-size: 16px;
font-style: normal;
font-weight: normal;
line-height: 0.5;
-webkit-font-smoothing: antialiased;
color: #222;
text-indent: 0;
margin-top: 10px;
margin-left: -45px; /* MD简介文档时超链接右箭头位移 20230516 */
padding-left: 25px;
content: "\f105";
transition: 0.3s;
}
.readme ul li:hover::before{
padding-left: 33px; /* 简介超链接右箭头位移接近P标签 20230516 */
transition: 0.3s;
content: "\f101";
}
.readme ol {
list-style: none;
display: list-item;
margin-bottom: 1rem;
margin-top: 1.3rem; /* 简介段序间隙 */
}
.readme table {
border-top: solid 1px #ddd;
border-left: solid 1px #ddd;
margin-bottom: 16px;
text-indent: 0;
}
.readme table th {
background-color: #1abc9c;
color: #fff;
text-align: center;
}
.readme table td,.readme table th {
border-bottom: solid 1px #ddd;
border-right: solid 1px #ddd;
padding: 10px 15px;
}
.readme table td {
/* 溢出的内容部分使用省略号 */
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.readme table tr {
background-color: #fff;
transition: 0.3s;
}
.readme table tr:hover {
background-color: #f9f9f9;
transition: 0.3s;
}
.readme img {
max-width:100%;
height:auto;
}
tbody tr:nth-child(odd) {
background-color: #f9f9f9;
}
/* ===================== 公告栏重构：卡片化 + 与顶栏间隙 + 图标徽章 Xdir 20261027 ===================== */
.announcement {
display: flex;
align-items: center;
gap: 10px;
color: #5b6b7b;
background: #f6f9ff;
border: 1px solid #dbeafe;
border-radius: 10px;
padding: 10px 14px;
margin: 8px 0 6px; /* 与顶栏间隙收紧（14→8），与下方面包屑间隙同步收紧（12→6）Xdir 20261102 */
box-shadow: 0 2px 8px rgba(30,144,255,.06);
transition: box-shadow .3s ease, border-color .3s ease;
}
.announcement:hover {
border-color: #b3d8ff;
box-shadow: 0 4px 14px rgba(30,144,255,.12);
}
/* 公告图标：蓝色圆形徽章，替代原红色大喇叭 float 图标 */
.announcement .xdir-ann-ico {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background: linear-gradient(135deg, #33b5ff, #1E9FFF);
color: #fff;
font-size: 14px;
box-shadow: 0 2px 6px rgba(30,159,255,.35);
}
.announcement .xdir-ann-body { flex: 1; min-width: 0; text-align: center; }
.announcement .xdir-ann-body .scrollNews { height: 20px; overflow: hidden; border: none; }
.announcement .xdir-ann-body .scrollNews ul { padding: 0; }
.announcement .xdir-ann-body .scrollNews ul li { float: none; margin-left: 0; }
.announcement .xdir-ann-body .scrollNews p { text-indent: 0; font-size: 13.5px; line-height: 20px; color: #5b6b7b; }
/* 后台「公告设置」驱动的公告列表（一行一条，多条自动轮播）Xdir 20261028 */
.announcement .xdir-ann-scroll { height: 20px; overflow: hidden; }
.announcement .xdir-ann-scroll ul { list-style: none; margin: 0; padding: 0; }
.announcement .xdir-ann-scroll li { height: 20px; line-height: 20px; font-size: 13.5px; color: #5b6b7b; text-indent: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.announcement .xdir-ann-scroll li a { color: #1E9FFF; }
.announcement .xdir-ann-scroll li a:hover { color: #0d8de8; text-decoration: underline; }
.night .announcement .xdir-ann-scroll li { color: #9fb0c3; }
/* 新简介遍历目录列表底端显示模式 20220420 */
.layui-colla-title-jianjie {
margin-top: -1rem; /* 简介与遍历目录列表文件及文件夹间距 */
height: auto;
margin-bottom: 1rem; /* 使用说明与底部th间隙 */
}
.title-shiyongshuoming {
face: "微软雅黑";
font-size: 16.111px;
color: #AE0000;
position: relative;
height: 42px;
line-height: 42px;
padding: 0 15px 0 20px;
border: 1px;
border-radius: 10px; /* 边框边缘带圆角 */
background-color: #F5F5F5;
cursor: pointer;
overflow: hidden;
}
.bianliliebiao-mulu {
border: 1px;
/* 底色置空：原来这里是 #F5F5F5，会画出一个带 8px 圆角的浅灰块。
但 .row 自身带 margin:-15px、又处在 header 的 --xd-head-l 内边距里，
它的左边缘比卡片内边缘右移约 30px → 这块灰底就从 30px 处才开始，
左侧空出一条与容器边缘脱开的缝，看着就是「列头没铺满容器」。
底色统一改由 #directory-list-header 绘制（它横跨卡片整个内宽度），此处保持透明 Xdir 修复 20261029 */
background-color: transparent;
line-height: 41px;
height: auto;
border-radius: 8px;/* 边框边缘带圆角 */
}
/* 顶栏公告栏 / 面包屑 / 文件列表 宽度对齐（统一容器约束，去除嵌套 container 双重内边距导致的不齐） Xdir 增强 20261028 */
#navigation .layui-container { max-width: 1170px; margin: 0 auto; padding-left: 0; padding-right: 0; }
/* 收紧公告栏与面包屑之间的间距（消除多余空白带）Xdir 20261102 */
#navigation { margin-top: 0; position: relative; z-index: 100; } /* 提升层级：面包屑复制按钮悬停气泡（绝对定位、向下展开）不被下方内容遮挡 Xdir 20261105 */
.xdir-list-card { width: 100%; box-sizing: border-box; }
/* 搜索无结果：图标 + 文字说明 UI（与搜索结果区同一视觉基调） Xdir 增强 20261028 */
.xdir-search-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
padding: 28px 16px !important;
margin: 0 !important;
border: none !important;
background: none !important;
list-style: none;
color: #8896a8;
text-align: center;
}
.xdir-search-empty .xse-icon {
width: 52px;
height: 52px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #f1f5fb;
color: #1E9FFF;
font-size: 24px;
}
.xdir-search-empty .xse-text { font-size: 14px; color: #4a5666; }
.xdir-search-empty .xse-text b { color: #1E9FFF; }
.xdir-search-empty .xse-sub { font-size: 12px; color: #aab4c0; }
/* Div功能区域 - 20220624（右对齐到列表右边缘，HASH 按钮已移至卡片外） */
.layui-hide-xs-info {
display: inline-flex;
align-items: center;
gap: 4px;
position: absolute;
padding: 0px 4px;
min-height: 20px; /*文件列表与底部间隔高度*/
line-height: 20px;
font-size: 14px;
right: 10px;
margin-left: 0;
top: 50%;
transform: translateY(-50%);
}
.layui-hide-xs-info td { display: inline-flex; align-items: center; gap: 3px; }
/* 功能区域按钮 - 20220624（紧凑尺寸，避免与修改时间列重叠） */
.layui-btn-info {
display: inline-flex;
align-items: center;
justify-content: center;
height: 22px;
line-height: 22px;
padding: 0 5px;
background-color: #009688;
color: #fff;
white-space: nowrap;
text-align: center;
font-size: 13px;
border: none;
border-radius: 3px;
cursor: pointer;
}
.layui-btn-info i { font-size: 13px; }
/* 修改时间列：右对齐且不换行，避免与功能按钮重叠 */
#directory-listing .file-modified {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* 缩小站名名称字体、系统公告隐藏、新简介说明隐藏 - 20191213 */
@media screen and (min-width: 320px) and (max-width: 828px) {
.xElli {
display: none;
}
/* 移动端底部部分内容隐藏 - 20191213 */
.dibu {
display: none;
}
/* 当前位置遍历导航隐藏 - 20191213 */
.dangqian {
position: absolute;
top: -9999px;
left: -9999px;
}
#page-navbar .navbar-text {
margin-left: -4px; /* 移动端logo偏移左边 20220417 */
margin-right: 9px;
max-width: 65px; /* 移动端附件更新于显示宽度 20220420 */
margin-top: 9px; /* 移动端站标容器放大后收窄上下外边距，避免把顶栏撑高 Xdir 20261028 */
margin-bottom: 9px;
}
}
/* 移动端搜索结果页列表 - 20191218 */
@media screen and (max-width:768px) {
table.layui-table colgroup {
display: none;
}
table.layui-table td {
overflow: hidden;
}
}
/* 移动端文件列表无复制链接、二维码、下载按钮 - 20221118 */
@media screen and (min-width: 320px) and (max-width: 828px) {
.layui-btn-info {
display: none;
}
.gongn-yd {
display: none;
}
/* 简介区域：旧版在这里无条件 display:none（写死，用户无法选择）。
v2.0.18 rev.u 起改为受后台「移动端显示」开关控制 ——
只有容器带 .xdir-rm-mobile-off 时才隐藏，开关打开则正常展示。
★ 注意这里不能再出现无条件命中 .jianjie-container 的 display:none，
否则开关就形同虚设（这条规则的选择器优先级比开关那条低，但会误伤） */
.jianjie-container.xdir-rm-mobile-off {
display: none;
}
/* 简介正文在窄屏的排版收口（v2.0.18 rev.u）
桌面端那几个 padding-bottom（h1 22px / h2 30px / h3 37px）是为了给锚点
定位留对称间距，在手机上会变成一截莫名其妙的空白；首行缩进 30px 也会让
正文每行只剩十来个字。窄屏统一收紧，并对表格 / 代码块开内部横滑。 */
.jianjie-container .readme {
padding: 14px 12px;
font-size: 14px;
line-height: 1.85;
}
.jianjie-container .readme h1 { font-size: 19px; padding-bottom: 8px; }
.jianjie-container .readme h2 { font-size: 17px; padding-bottom: 8px; text-indent: 0; }
.jianjie-container .readme h3 { font-size: 15.5px; margin-top: 14px; padding-bottom: 8px; }
.jianjie-container .readme h4 { font-size: 14.5px; padding-bottom: 6px; }
.jianjie-container .readme p { text-indent: 0; margin: 6px 0; }
.jianjie-container .readme ul,
.jianjie-container .readme ol { font-size: 14px; padding-left: 18px; }
.jianjie-container .readme blockquote {
font-size: 13.5px;
text-indent: 0;
padding: 8px 10px;
margin: 8px 0;
}
/* 表格与代码块：窄屏必须能横滑，否则超宽内容会把整张卡片撑出横向滚动条 */
.jianjie-container .readme pre {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
font-size: 12.5px;
}
.jianjie-container .readme table {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.jianjie-container .readme img { max-width: 100%; height: auto; }
/* 手风琴标题：手机上把标题与箭头对齐，箭头交给 Flex 撑开，不靠绝对定位 */
.jianjie-container .accordion .link { display: flex; align-items: center; gap: 6px; }
.jianjie-container .accordion .link .fa-chevron-down { margin-left: auto; }
}
/* ===== 移动端列表视图（Xdir 20261029 重写）
结构：一行三格 —— 文件名 | 大小 | 功能键
· 文件名弹性收缩（超长省略号），大小固定靠右，功能键固定在最右
· 功能键平时只占一个图标位，触控后向左弹出浮层，浮层里是完整操作按钮组
（复制链接 / 二维码 / 下载 / 分享 / 播放 / 预览…，数量随文件类型变化）
为什么改成单行：原先是「文件名+大小」一行、「操作按钮」独占第二行，
每行高达 80px（实测 li 高 80），手机上一屏只能看 6~8 个文件；
且第二行 5 个按钮把「大小」右边缘（270）与按钮右边缘（285）顶得错开。
列头同步改成三列，与行内三段逐像素对齐（详见下方列头规则）。 */
@media screen and (max-width: 828px) {
/* 行内缩进变量：列头据此同步，「大小」「功能」两列靠它计算右边缘
--xd-acts-w 是功能列宽度，行内的触发按钮与列头「功能」同宽，两者右边缘自然对齐 */
.xdir-list-card { --xd-row-l: 28px; --xd-row-r: 8px; --xd-head-l: 32px; --xd-acts-w: 30px; }
#directory-listing.view-list li {
display: flex !important;
flex-wrap: nowrap !important; /* 关键：绝不换行，三格永远在同一行 */
align-items: center;
justify-content: flex-start;
min-width: 0; /* 默认 min-width:auto 会被超长文件名的 min-content 顶开 */
min-height: 44px; /* 触控热区不小于 44px */
padding-left: var(--xd-row-l, 28px);
padding-right: var(--xd-row-r, 8px);
line-height: 1; /* 单行布局，行高交给 flex 居中，避免 42px 行高把行撑高 */
overflow: visible; /* 展开的功能浮层是行内绝对定位，不需要裁剪；
真正的溢出兜底由 a.preview 的 overflow:hidden 负责 */
}
#directory-listing.view-list li .xdir-check { left: 8px; }
/* ---------- 第一格：文件名 + 大小 ---------- */
#directory-listing.view-list li > a.preview {
order: 1;
flex: 1 1 auto;
min-width: 0; /* 允许收缩，长文件名才会走省略号而不是撑破行 */
overflow: hidden;
padding: 0 !important; /* 清掉 bootstrap .nav>li>a{padding:15px}，单行用不上 */
display: block;
}
#directory-listing.view-list li > a.preview .row {
display: flex; align-items: center;
flex-wrap: nowrap; gap: 8px;
width: 100%; min-width: 0;
margin: 0;
}
/* bootstrap 的 .row 自带 clearfix 伪元素（content:" ";display:table）。
在 flex 容器里它会被当成一个真实 flex item，各自吃掉一个 gap ——
实测导致文件名左移 8px、文件大小右边缘内缩 8px，列头「大小」与行内大小差 8px 对不齐。
这里直接去掉，flex 布局不需要 clearfix Xdir 20261029 */
#directory-listing.view-list li > a.preview .row::before,
#directory-listing.view-list li > a.preview .row::after {
content: none !important;
display: none !important;
}
#directory-listing.view-list .row .file-name {
flex: 1 1 auto; min-width: 0;
padding: 0 0 0 4px; /* 左 4px：与 8px 处的勾选框形成 10px 间隔 */
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
font-size: 13.5px; line-height: 1.45;
}
#directory-listing.view-list .row .file-size {
/* 宽度按内容自适应：bootstrap 的 .col-xs-3 会给 width:25%（小屏 65px 左右），
遇到「1.23 GB」这类偏长的数值仍可能溢出/被挤压；改成 auto + 不收缩最稳 */
flex: 0 0 auto !important;
width: auto !important;
margin: 0; padding: 0;
font-size: 11.5px; line-height: 1.45;
white-space: nowrap; text-align: right; /* 大小永不被压缩，内容不会溢出 */
}
/* 手机上没有时间列的位置：时间信息让位给文件名与操作入口 */
#directory-listing.view-list .row .file-modified { display: none !important; }
/* Hash 按钮移入浮层统一管理，不在行内占位 */
#directory-listing.view-list li .file-info-button { display: none !important; }
/* ---------- 第三格：功能列（触控触发器） ---------- */
#directory-listing.view-list .xdir-acts-btn {
order: 3;
flex: 0 0 auto;
display: inline-flex !important;
align-items: center; justify-content: center;
width: var(--xd-acts-w, 30px); height: var(--xd-acts-w, 30px);
margin: 0; padding: 0;
border: 1px solid transparent;
border-radius: 8px;
background: transparent;
color: #8b98a8;
font-size: 15px; line-height: 1;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: background .16s ease, color .16s ease;
}
#directory-listing.view-list .xdir-acts-btn:active,
#directory-listing.view-list li.xdir-acts-open .xdir-acts-btn {
background: rgba(30,159,255,.13);
color: #1E9FFF;
}
/* 浮层：收起时 display:none；li 带 .xdir-acts-open 时贴着触发器向左侧展开。
绝对定位 + 右对齐 → 天然「从右往左」长出，不挤占文件名的可伸缩空间 */
#directory-listing.view-list .layui-hide-xs-info {
order: 4;
position: absolute !important;
right: var(--xd-row-r, 8px) !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 30;
display: none !important;
align-items: center; justify-content: flex-end;
flex-wrap: nowrap; gap: 4px;
margin: 0 !important;
padding: 4px;
min-height: 0; line-height: 1;
background: #fff;
border: 1px solid #dbe6f2;
border-radius: 10px;
box-shadow: 0 8px 22px rgba(20,40,80,.16);
transform-origin: 100% 50%;
}
#directory-listing.view-list li.xdir-acts-open .layui-hide-xs-info {
display: flex !important;
animation: xdirActsIn .16s ease-out;
}
@keyframes xdirActsIn{
from{ opacity: 0; transform: translateY(-50%) scaleX(.82); }
to { opacity: 1; transform: translateY(-50%) scaleX(1); }
}
@media (prefers-reduced-motion: reduce){
#directory-listing.view-list li.xdir-acts-open .layui-hide-xs-info{ animation: none; }
}
#directory-listing.view-list .layui-hide-xs-info td { display: contents; }
#directory-listing.view-list .layui-hide-xs-info a {
position: static !important;
display: inline-flex !important;
align-items: center; justify-content: center;
width: 30px; height: 30px;
margin: 0 !important; padding: 0 !important;
border-radius: 8px;
font-size: 13px;
line-height: 1;
}
/* 浮层里的按钮在手机上稍大一点，便于点按（原来 26px 偏小） */
#directory-listing.view-list .layui-btn-info {
display: inline-flex !important;
width: 30px; height: 30px !important; line-height: 30px !important;
padding: 0 !important; font-size: 13px !important; border-radius: 8px !important;
}
/* 浮层最左侧的「收缩复位」按钮 Xdir 20261029
图标用 fa-chevron-right（单尖角向右），并配一条竖向分隔线把它和右侧的功能键分开：
它的语义是「关闭」，和「下载 / 分享」这类功能键不是一类东西。
方向逻辑：整块浮层是从行尾往左「抽出来」的，收起就是把它推回右边，
所以这里朝右，与行尾展开键的 fa-chevron-left 正好互为反方向。 */
#directory-listing.view-list .xdir-acts-close {
order: -1; /* 永远排最左，JS 插到最前也兜住一层 */
flex: 0 0 auto;
display: inline-flex !important;
align-items: center; justify-content: center;
width: 28px; height: 30px;
margin: 0 2px 0 0; padding: 0;
border: 0;
border-right: 1px solid #e3ebf4; /* 与功能键的分隔线 */
border-radius: 8px 0 0 8px;
background: transparent;
color: #1E9FFF;
font-size: 13px;
line-height: 1;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
#directory-listing.view-list .xdir-acts-close:active { background: rgba(30,159,255,.14); }
.night #directory-listing.view-list .xdir-acts-close { border-right-color: #2c3e50; color: #6db3ff; }
/* ---------- 列头排序：点完立刻反馈，随即自动淡出 Xdir 20261029 ----------
问题：触屏没有真正的 hover，「点一下」在手机上会被浏览器记住为 hover 态，
于是「文件 / 大小」列头点过之后会一直挂着浅蓝底 + 蓝字，看着像选中了却没处取消。
做法：
① @media (hover:none) 直接把 hover 底色掐掉，触屏不再残留；
② 点击瞬间由 JS 加 .xdir-sort-flash（真实反馈），700ms 后自动移除，
用 transition 让底色和字色一起淡回常态 —— 这就是「自动隐藏」。 */
@media (hover: none) {
#directory-list-header .sortable:hover,
#directory-list-header .sortable:focus {
background: transparent !important;
color: inherit !important;
}
.night #directory-list-header .sortable:hover { background: transparent !important; color: inherit !important; }
}
#directory-list-header .sortable.xdir-sort-flash {
background: #dcebfc !important;
color: #1E9FFF !important;
}
.night #directory-list-header .sortable.xdir-sort-flash {
background: rgba(109,179,255,.16) !important;
color: #6db3ff !important;
}
/* ---------- 列头：同样三列，与行内三段逐像素对齐 ----------
原来列头沿用 bootstrap 的 col-xs-6/col-xs-6 两列（文件 / 大小各 50%），
而行内是「文件名+大小」两端对齐 + 按钮独占第二行 → 列头「大小」的右边缘
（299）与行内大小的右边缘（270）差 29px；
768px 这一档因为 hidden-xs 在 ≥768 失效，列头还会冒出「修改时间」第三列（229px），
而行内时间是隐藏的，错位更明显。这里一次性改成 flex 三列。 */
#directory-list-header .bianliliebiao-mulu {
display: flex; align-items: center; flex-wrap: nowrap;
margin: 0; padding: 0;
min-height: 34px; line-height: 1;
}
#directory-list-header .bianliliebiao-mulu > div {
float: none !important;
width: auto !important; max-width: none;
padding: 0 !important;
position: static;
flex: 0 0 auto;
white-space: nowrap;
font-size: 11.5px;
}
/* 第 1 个 div（文件）：吃掉剩余空间，与行内文件名同伸缩（首子元素为绝对定位的 .xdir-check-all