@font-face {
    font-family: myChinesefont;
    src: local(Consolas);
    unicode-range: U+0000-007F;
}

:root{
    --green: #d7ebd0;
    --blue-light:#5b9bd5;
    --gold: #ffc000;
    --gray: #a5a5a5;
    --orange: #ed7d31;
    --blue: #4472c4;
}

* {
    margin: 0; padding: 0;
    box-sizing: border-box;
    border-collapse: collapse;

    font-size: 16px; font-weight: 400;
    font-family: myChinesefont;

    text-decoration: none;
    color: black;

    line-height: 1.45;

    transition: background-color 0.1s;
    transition: color 0.1s;
}

/*
 * 全局重置对「内嵌编辑器版面」止步。`.wtp-root` 是内嵌公文编辑器（WordToHtml，见
 * wtp-内嵌说明.md）的根，它整个版面都在这个类之下。
 *
 * 上面那条 `*` 把 font-family / font-size / font-weight / text-decoration 直接压在**每一个**
 * 元素上，而编辑器版面是靠**继承**排版的：它只给块级样式（.wtp-title / .wtp-h1 / .wtp-body…）
 * 与表格写了规则，行内包装 —— 加粗 `<b>`、下划线 `<u>`、变色 `<span style="color:…">`、
 * 自动编号 `.wtp-num` —— 都没有自己的字体规则，指望从所在的那一块继承。
 * 被 `*` 直接命中之后（2026-09-19 实测）：
 *   · 这些行内元素的字体变成 myChinesefont —— 它只有 `local(Consolas)` 且 unicode-range 限
 *     U+0000-007F，中文没有字形、回退成浏览器默认字体，字号还掉回 16px。于是「加粗 / 下划线 /
 *     变色 / 标题编号」的字跟正文不是同一个字体（用户报的「变成浏览器默认字体」就是这条）；
 *   · `<b>` 的 font-weight 被压成 400、`<u>` 的 text-decoration 被压成 none —— 加粗与下划线
 *     干脆看不到。
 *
 * 修法：在 .wtp-root 之内把这几个属性打回 `inherit`。`:where()` 让选择器的特异性为 0，靠
 * 源码顺序赢过上面那条 `*`（同为 0 特异性时后写的赢），同时**不会**盖掉编辑器自己的 `.wtp-*`
 * 类规则（那些是 0-1-0，照样赢）。`<b>` / `<u>` 的原生表现必须单独补回来：它们来自浏览器的
 * 默认样式表（UA 表），而作者样式一律优先于 UA，只能用同样特异性的规则再写一遍。
 */
:where(.wtp-root *) {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: inherit;
    color: inherit;
}
:where(.wtp-root b, .wtp-root strong) {
    font-weight: bolder;
}
:where(.wtp-root u, .wtp-root ins) {
    text-decoration: underline;
}

a{
    color: var(--blue);
}

html, body {
    height: 100%; width: 100%;
}

.col{
    display: flex;
    flex-direction: column;
}
.row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.fill{
    flex: 1;
}

/* 悬浮提示框样式 */
.toast-tip {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.5s ease;
}

.toast-tip.fade-out {
    opacity: 0;
}

.innerButton {
    padding: 0.1em 0.2em;
    border: 1px solid var(--gray);
    border-radius: 0.2em;
    user-select: none;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
}
.innerButton:hover {
    background-color: var(--gray);
}

.noWrap{
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}