mark {
    background: linear-gradient(to top, 
                rgba(69, 220, 69, 0.7) 0%,      /* 底部绿色，轻微透明 */
                rgba(255, 255, 255, 0) 100%  /* 顶部白色，接近不透明 */);
    color: #1a3b1a;              /* 深绿色文字，保证清晰对比度 */
#    padding: 0.1em 0.3em;
    border-radius: 8px;
#    font-weight: 500;
    /* 可选：添加轻微阴影提升层次 */
     box-shadow: -4px -1px 2px rgba(0,0,0,0.05);
}

/* 行内代码 & 键盘按键美化 */
code, kbd {
    font-size: 0.9em;          /* 使用相对单位，更灵活 */
    font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Monaco, 'Cascadia Code', monospace;
    background: #cdffd045;       /* 深灰背景，比纯黑柔和 */
    color: #2ca33e;            /* 柔白文字，高对比不刺眼 */
    padding: 0.2em 0.4em;
    border-radius: 6px;        /* 圆角稍大，更圆润 */
    white-space: pre-wrap;       /* 行内代码默认不换行，避免意外折行 */
    transition: all 0.2s ease; /* 平滑过渡，可用于 hover 效果 */
}

/* 为 kbd 添加轻微立体感（模拟按键效果） */
kbd {
    background: #3c3c3c;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.2);
    font-weight: 500;
    padding: 0.2em 0.5em;
}

/* 可选：鼠标悬停时轻微提亮，增加交互反馈 */
code:hover, kbd:hover {
    background: #3eaf45;
    color: #ffffff;
}





/* 斜体文本美化：橙色 + 悬停下划线 */
em {
    color: #e67e22;          /* 鲜明的橙色，醒目但不刺眼 */
    font-style: italic;      /* 确保斜体（浏览器默认即斜体，此处显式声明） */
    transition: all 0.2s ease;  /* 平滑过渡 */
}

/* 鼠标悬停时添加下划线 */
em:hover {
    text-decoration: underline;
    text-underline-offset: 0.2em;  /* 下划线与文字的距离，更美观 */
    color: #d35400;                /* 悬停时颜色稍微加深（可选） */
}



/* ===== 本地字体定义 ===== */
@font-face {
    font-family: 'MyCustomFont';          /* 自定义字体名称，可随意命名 */
    font-style: normal;
    font-weight: 400;                     /* 常规字重 */
    src: url('/fonts/LXGWWenKaiLite-Regular.woff2') format('woff2');
    font-display: swap;                   /* 提升加载体验，避免白屏 */
}

@font-face {
    font-family: 'MyCustomFont';
    font-style: normal;
    font-weight: 700;                     /* 加粗字重 */
    src: url('/fonts/LXGWWenKaiLite-Medium.woff2') format('woff2');
    font-display: swap;
}

/* 还可以定义斜体等，按需添加 */

/* 全局默认字体 */
body,
button,
input,
optgroup,
select,
textarea {
    font-family: 'MyCustomFont', 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* 如果希望代码区也使用自定义字体，可以单独设置 */
/* code, pre {
    font-family: 'MyCustomFont', 'JetBrains Mono', monospace;
} */