/* ==========================================
   Zensical-Wcowin 自定义样式
   ========================================== */
:root>* {
--md-primary-fg-color: #518FC1;
--md-primary-fg-color--light: #518FC1;
/* --md-primary-fg-color--dark: #518FC1; */
}



/* 移除链接下划线 */
.md-typeset a {
  text-decoration: none;
}


/* 图片样式优化 - 合并相似规则 */
img.img1, img.img2, img.img3 {
  border-radius: 25px;
  contain: paint; /* 限制重绘区域 */
}

/* Markdown卡片样式优化 */
.md-typeset .grid.cards>ol>li,
.md-typeset .grid.cards>ul>li,
.md-typeset .grid>.card {
  border: 0.05rem solid var(--md-default-fg-color--lightest);
  border-radius: 0.7rem;
  display: block;
  margin: 0;
  padding: 0.8rem;
  transition: border 0.25s, box-shadow 0.25s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  contain: content; /* 包含内容重绘 */
  will-change: box-shadow, border; /* 提示浏览器将有变化 */
}



/*markdown 基本格式颜色优化*/

/* 1. 定义颜色变量 (自动适配亮色/暗色模式) */
[data-md-color-scheme="default"] {
    --style-bold:   rgb(221, 44, 56);    
    --style-italic: rgb(222, 116, 23);  
    --style-code:   rgb(221, 19, 153);   
    --style-katex:  rgb(212, 160, 23);
}

[data-md-color-scheme="slate"] {
    --style-bold:   rgb(255, 120, 129);  
    --style-italic: rgb(251, 187, 131);   
    --style-code:   rgb(255, 112, 200);   
    --style-katex:  rgb(255, 204, 51);
}

/* 2. 应用样式 */
.md-typeset strong { 
    color: var(--style-bold); 
    font-weight: 700; 
}

.md-typeset em { 
    color: var(--style-italic); 
    font-style: italic; 
}

.md-typeset :not(pre) > code { 
    color: var(--style-code);  
}

/* 3. 针对 .grid 布局内部：重置颜色为继承默认，不使用自定义色 */
.md-typeset .grid strong {
    color: inherit; 
}

.md-typeset .grid em {
    color: inherit; 
}

.md-typeset .grid code {
    color: inherit; 
}


/* 数学公式样式修改 */
.katex-html {
    font-family: "LXGW WenKai",system-ui, -apple-system, sans-serif;
    color: var(--style-katex); 
    font-weight: 500;
    position: relative;
    transition: color 0.3s ease;
}

/* 添加悬停效果 */
.katex-html:hover {
    color: #ff9900; /* 橙色 */
}

/* 添加下划线强调 */
.katex-html::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent 10%, #cbd5e0 50%, transparent 90%);
}


/* 小屏幕设备优化 */
@media (max-width: 768px) {
    .katex-html {
        font-weight: 600; /* 在小屏幕上增加字重 */
    }
}