.md-typeset__table { min-width: 100%; } @media only screen and (min-width: 768px) { td:nth-child(1){ white-space: nowrap; } } /* .Telegraf-Regular{ font-family:Microsoft YaHei UI; src: url("typography/msyh.ttc"); } .Telegraf-UltraBold{ font-family:Microsoft YaHei UI Bold; src: url("typography/msyhbd.ttc"); }*/ * { --md-primary-fg-color: #2094F8; /*--md-primary-fg-color: #FF42CD;*/ /*--md-primary-fg-color: #AB47BD; purple*/ --md-primary-fg-color--light: #2094F8; --md-primary-fg-color--dark: #2094F8; --md-typeset-color: var(--md-default-fg-color); --md-typeset-a-color: var(--md-primary-fg-color--light); /*--md-text-font: "Telegraf-Regular"*/ } :root { --md-primary-fg-color: #181917; --md-primary-fg-color--light: #2094F8; --md-primary-fg-color--dark: #2094F8; /* --md-primary-fg-color--light: #029c8e; */ /* --md-primary-fg-color--dark: #303C55; */ } :root>* { --md-primary-bg-color: #000; --md-typeset-color: var(--md-default-fg-color); --md-typeset-a-color: var(--md-primary-fg-color--light); } /* markdown and image alignment ALT tag and a CSS selector on the alt tag */ img[src*='#left'] { float: left; } img[src*='#right'] { float: right; } img[src*='#center'] { display: block; margin: auto; } /* Tables set to 100% width */ .md-typeset__table { min-width: 100%; } .md-typeset table:not([class]) { display: table; } /* Colors for First Steps custom code blocks coloring */ .fsg-timestamp { color: grey; } .fsg-userinput { color: cornflowerblue; } .fsg-path, .fsg-prompt { color: mediumseagreen; } /* Footer social media icons: set the size of the svg icons and the espace between them. */ .md-social__link { width: 2rem; } .md-social__link svg { max-height: 1.6rem; } /* hide content only for mobile devices */ @media only screen and (min-device-width: 280px) and (max-device-width: 480px) { .hide-on-mobile { display: none; } } .custForm { width:80%; } .custForm h4{ font-weight: normal; font-size: 16px; margin-bottom: 5px; } .custForm input { border:1px solid #CCCCCC; width: 100%; height: 35px; } .custForm select{ border:1px solid #CCCCCC; height: 35px; width: 100%; } .custForm textarea { border:1px solid #CCCCCC; width: 100%; } .custForm .button { background-color: #0B70F6; border-radius: 5px; width: 80px; margin: 0 auto; color: #FFFFFF; } .goback input { font-size:18px; padding: 10px; color:#FFFFFF; border-radius: 5px; background-color: #0B70F6; } /* 控制 MkDocs-Material 的默认字体大小 */ .md-typeset { font-size: 0.70rem !important; /* 默认值约为 0.7rem */ } /* 确保各类文本元素使用一致的字体大小 */ .md-typeset p, .md-typeset ul li, .md-typeset ol li, .md-typeset li p, .md-typeset table:not([class]), .md-typeset .admonition p, .md-typeset details p { font-size: 0.70rem !important; } /* 优化表格单元格内边距 - 减少文字与表格边框的距离 */ .md-typeset table:not([class]) td { padding: 0.3rem 0.5rem !important; /* 垂直方向0.3rem,水平方向0.5rem */ } .md-typeset table:not([class]) th { padding: 0.3rem 0.5rem !important; /* 表头也使用相同的内边距 */ } /* 减少表格内文字的行高和外边距 */ .md-typeset table:not([class]) td p, .md-typeset table:not([class]) th p { margin: 0 !important; line-height: 1.1 !important; /* 进一步减少行高 */ } /* ===== 页面显示样式 - 增强内容溢出检测 ===== */ .page { width: 100%; max-width: 21cm; min-height: 29.7cm; /* A4高度 */ height: 33cm; /* 强制A4高度,确保内容溢出检测 */ padding: 1.5cm 1cm 1cm 1cm; /* 增加顶部边距 */ margin: 2em auto; background: white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border-radius: 5px; box-sizing: border-box; overflow: hidden; /* 重要:确保内容溢出时不会扩展页面 */ position: relative; } /* 添加页面计数器 */ .md-content__inner { counter-reset: page; } .page::after { content: "页 " counter(page); counter-increment: page; position: absolute; bottom: 0.5cm; right: 1cm; font-size: 10pt; color: #888; } /* 内容溢出指示器 */ .page::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #ff5252 50%, transparent); opacity: 0; transition: opacity 0.3s; } /* 当内容溢出时显示警告 */ .page[data-overflow="true"]::before { opacity: 1; } /* 添加页面分隔符,视觉上提示需要新页面 */ .page-break { height: 30px; margin: 1.5em 0; border-top: 1px dashed #ff5252; position: relative; text-align: center; } .page-break::after { content: "内容超出页面范围 - 请添加新页面"; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: white; padding: 0 10px; color: #ff5252; font-size: 12px; } /* 移动设备优化 */ @media screen and (max-width: 767px) { .page { padding: 1.2em 0.8em; margin: 0.8em 0.5em; max-width: calc(100% - 1em); height: auto; min-height: auto; } } /* ===== 打印样式优化 - 解决顶部边距和内容分布问题 ===== */ @media print { /* 基本页面设置 */ @page { size: A4; margin: 0; } /* 重置文档结构 */ html, body { margin: 0 !important; padding: 0 !important; background: white !important; width: 100% !important; } /* 重置内容容器 */ .md-main, .md-main__inner, .md-content, .md-content__inner { margin: 0 !important; padding: 0 !important; max-width: none !important; } /* 隐藏所有可能导致空白页的元素 */ body::before, body::after, .md-content__inner::before, .md-content__inner::after { display: none !important; content: none !important; } /* 隐藏元数据行 */ .md-content__inner > p:first-child:not(.page *) { display: none !important; height: 0 !important; visibility: hidden !important; margin: 0 !important; padding: 0 !important; } /* 强制隐藏所有非页面内容 */ .md-content__inner > *:not(.page) { display: none !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* 页面容器优化 - 添加适当的顶部边距 */ .page { display: block !important; position: relative !important; width: 21cm !important; min-height: 29.7cm !important; height: auto !important; /* 允许自然分页 */ padding: 1.5cm 1cm 1cm 1cm !important; /* 顶部增加边距 */ margin: 0 !important; border: none !important; box-shadow: none !important; background: white !important; break-inside: avoid !important; page-break-inside: avoid !important; page-break-before: auto !important; page-break-after: always !important; overflow: visible !important; /* 打印时允许内容自然溢出到下一页 */ } /* 确保第一页正确显示 */ .md-content__inner > .page:first-of-type { display: block !important; visibility: visible !important; page-break-before: avoid !important; } /* 确保最后一页不会添加额外空白页 */ .md-content__inner > .page:last-of-type { page-break-after: avoid !important; } /* 隐藏所有非内容元素 */ .md-header, .md-tabs, .md-sidebar, .md-footer, .md-nav, .md-announce, .md-skip, nav, header, footer, aside { display: none !important; } /* 隐藏页面分隔符和溢出指示器 */ .page-break, .page::before { display: none !important; height: 0 !important; margin: 0 !important; border: none !important; } /* 分页控制 - 避免不合理分页 */ .page h1, .page h2, .page h3 { break-after: avoid !important; page-break-after: avoid !important; } .page img, .page table, .page figure { break-inside: avoid !important; page-break-inside: avoid !important; } .page p, .page li { orphans: 3 !important; widows: 3 !important; } /* 确保页面内文本合理分布 */ .page > * { max-height: none !important; /* 允许内容自然流动 */ } /* 隐藏页码指示器 */ .page::after { display: none !important; } }