/* 全局基础样式，主要为字体，颜色的定义 */

/* 主色系：深绿色+黑色+灰色 的搭配 */

/* 颜色变量定义 */
:root {
    /* 背景色系 */
    --bg-dark: #1D202E;
    /* 头尾深色背景 */
    --bg-header-light: #D7EDE4;
    /* 头部浅色背景 */
    --bg-main: #F8F9FA;
    /* 网页主体背景色 */
    --bg-primary: #4CAF50;
    /* 深绿色背景 */
    --bg-footer-dark: #1A1A1A;
    /* 底部版权末尾最深色背景 */
    --bg-accent: #F4A460;
    /* 醒目背景色 */
    --bg-dark-hover: rgba(255, 255, 255, 0.15);
    /* 深色背景上的悬停效果 */
    --bg-dark-active: rgba(255, 255, 255, 0.2);
    /* 深色背景上的激活效果 */

    /* 文字颜色 */

    --text-black: #000;
    /* 主要字体颜色 纯黑色 */
    --text-dark: #212529;
    /* 主要字体颜色 深黑色 */
    --text-primary: #4CAF47;
    --text-gray: #c9cbcd;
    /* 主要个性风格字体颜色 */
    --text-secondary: #6c757d;
    /* 次要字体颜色：中灰色 */
    --text-light: #f8f9fa;
    /* 浅色文字，用于深色背景 */
    --text-muted: #adb5bd;
    /* 弱化文字颜色 */
    --text-light-muted: rgba(255, 255, 255, 0.5);
    /* 深色背景上的弱化白色文字 */

    /* 边框颜色 */
    --border-light: #dee2e6;
    --border-dark: #343a40;
    --border-primary: #4CAF50;
    --border-dark-transparent: rgba(255, 255, 255, 0.1);
    /* 深色背景上的半透明边框 */

    /* 阴影 */
    --shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --shadow-md: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
    --shadow-primary: 0 0 0 0.25rem rgba(76, 175, 80, 0.25);
    /* 主色调聚焦阴影 */
}

/* 个性字体定义 */
/* 包括重要内容、主体内容、次要内容、数字内容 不同字体的呈现，符合学术期刊的风格 */

/* 主标题字体：衬线字体，庄重大气 */
.font-heading {
    font-family: 'Playfair Display', 'Times New Roman', Georgia, serif;
}

/* 正文内容字体：易读性高的无衬线字体 */
.font-body {
    font-family: 'Source Sans Pro', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* 数据、引用等专业内容字体 */
.font-mono {
    font-family: 'Roboto Mono', 'Courier New', monospace;
}

/* 强调内容字体 */
.font-accent {
font-family: 'Montserrat', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* 醒目标准字体 */
.font-roboto-bold {
    font-family: Roboto-Bold;
}

/* 基础排版设置 */

body{
    font-family: 'Playfair Display', 'Times New Roman', Georgia, serif;
}

/*  默认，黑色+悬浮个性色 的链接样式 */
a {
    color: var(--text-black);
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    text-decoration: underline;
    color: var(--text-primary);
}

/*  个性化超链接 深绿色系 */


/*  个性化超链接 绿色系 */
.primary-link a {
    color: var(--text-primary);
    text-decoration: none;
    transition: all 0.3s ease;

}

.primary-link a:hover {
    text-decoration: underline;
    color: var(--text-primary);
}

/*  个性化超链接 反色，适用于深色背景 白色链接，悬浮上去变绿色 */
.light-link a {
    color: var( --text-light);
    text-decoration: none;
    transition: all 0.3s ease;
}

.light-link a:hover {
    text-decoration: underline;
    color: var(--text-primary);
}

.gray-link a {
    color: var( --text-gray);
    text-decoration: none;
    transition: all 0.3s ease;
}

.gray-link a:hover {
    text-decoration: underline;
    color: var(--text-primary);
}



body {
    font-family: 'Source Sans Pro', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: var(--text-dark);
    background-color: var(--bg-main);
    line-height: 1.6;
}



/* 浏览器缩放兼容性处理 */
@media screen and (max-resolution: 96dpi) {
    html {
        font-size: 15px;
        /* 针对缩小的情况调整基础字体大小 */
    }

    .small-text {
        font-size: 0.9em;
        /* 确保小文本在缩小时仍然可读 */
    }
}

@media screen and (min-resolution: 120dpi) {
    body {
        line-height: 1.7;
        /* 增加行高，提高放大时的可读性 */
    }

    .article-meta,
    .small-text {
        font-size: 0.85em;
        /* 确保小文本在放大时不会过大 */
    }
}