/* 
 * 浮梁数字人文图志 专属样式表 
 * DNA指纹: #749544
 * 配色: 瑞士极简实验室 (纯白, 浅灰, 克莱因蓝, 国际橙)
 */

:root {
    /* 色彩系统 */
    --lexicon-ris-bg-page: #F4F4F6;     /* 背景浅灰 */
    --lexicon-ris-bg-card: #FFFFFF;     /* 卡片纯白 */
    --lexicon-ris-main: #002FA7;        /* 克莱因蓝 */
    --lexicon-ris-accent: #FF4F00;      /* 国际橙 */
    --lexicon-ris-text: #0B0B0B;        /* 纯黑文字 */
    --lexicon-ris-text-light: #555555;
    
    /* 排版系统 */
    --lexicon-ris-font: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

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

body.lexicon-ris-body {
    background-color: var(--lexicon-ris-bg-page);
    color: var(--lexicon-ris-text);
    font-family: var(--lexicon-ris-font);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* 顶部信息栏 */
.lexicon-ris-topbar {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 4px solid var(--lexicon-ris-text);
}

.lexicon-ris-brand {
    font-size: 2.5rem;
    font-weight: 900;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: var(--lexicon-ris-text);
    margin-bottom: 4px;
}

.lexicon-ris-subtitle {
    font-size: 1rem;
    color: var(--lexicon-ris-main);
    font-weight: bold;
}

.lexicon-ris-topbar-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-family: monospace;
    font-size: 0.9rem;
}

.lexicon-ris-highlight {
    color: var(--lexicon-ris-accent);
    font-weight: bold;
    margin-top: 4px;
}

/* Bento Grid */
.lexicon-ris-bento-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    max-width: 1400px;
    margin: 40px auto;
    padding: 0 24px;
}

/* 卡片基类 */
.lexicon-ris-bento-cell {
    padding: 40px;
    border: 1px solid #E0E0E0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lexicon-ris-bento-cell:hover {
    box-shadow: 10px 10px 0px rgba(0, 47, 167, 0.1);
    transform: translate(-2px, -2px);
}

/* 跨度 */
.lexicon-ris-span-12 { grid-column: span 12; }
.lexicon-ris-span-8 { grid-column: span 8; }
.lexicon-ris-span-6 { grid-column: span 6; }
.lexicon-ris-span-4 { grid-column: span 4; }

/* 背景颜色变体 */
.lexicon-ris-bg-white { background-color: var(--lexicon-ris-bg-card); }
.lexicon-ris-bg-light { background-color: #FAFAFA; border-style: dashed; }
.lexicon-ris-bg-main { 
    background-color: var(--lexicon-ris-main); 
    color: var(--lexicon-ris-bg-card); 
    border-color: var(--lexicon-ris-main);
}

/* 每日动态模块 */
#lexicon-ris-daily-stage {
    display: flex;
    flex-direction: column;
}
.lexicon-ris-daily-header {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    font-weight: bold;
    border-bottom: 2px solid rgba(255,255,255,0.2);
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.lexicon-ris-daily-title {
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 12px;
}
.lexicon-ris-daily-subtitle {
    color: var(--lexicon-ris-accent);
    font-size: 1.1rem;
    margin-bottom: 20px;
}
.lexicon-ris-daily-summary {
    font-size: 1rem;
    opacity: 0.9;
    flex-grow: 1;
}
.lexicon-ris-daily-metrics {
    margin-top: 30px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.lexicon-ris-metric {
    border: 1px solid var(--lexicon-ris-accent);
    color: var(--lexicon-ris-accent);
    padding: 4px 8px;
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
}

/* 模块标题 */
.lexicon-ris-module-heading {
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 24px;
    color: var(--lexicon-ris-text);
}
.lexicon-ris-module-heading::before {
    content: "■ ";
    color: var(--lexicon-ris-main);
}

/* 图文内容 */
.lexicon-ris-hero-img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 24px;
    filter: grayscale(100%) contrast(1.2);
    transition: filter 0.3s;
}
.lexicon-ris-hero-img:hover {
    filter: grayscale(0%);
}

.lexicon-ris-paragraph {
    font-size: 1.1rem;
    text-align: justify;
}

.lexicon-ris-tags-inline {
    margin-top: 24px;
    display: flex;
    gap: 12px;
}
.lexicon-ris-tag-pill {
    background: var(--lexicon-ris-main);
    color: white;
    padding: 4px 12px;
    font-size: 0.8rem;
    font-weight: bold;
}

/* 表格矩阵 */
.lexicon-ris-table-wrapper {
    overflow-x: auto;
}
.lexicon-ris-data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}
.lexicon-ris-data-table th, .lexicon-ris-data-table td {
    padding: 16px;
    border-bottom: 1px solid #E0E0E0;
    text-align: left;
}
.lexicon-ris-data-table th {
    font-weight: 900;
    text-transform: uppercase;
    color: var(--lexicon-ris-text-light);
}
.lexicon-ris-data-table tr:hover td {
    background-color: var(--lexicon-ris-bg-page);
}

/* 术语定义 DL */
.lexicon-ris-dl-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.lexicon-ris-dt {
    font-weight: 900;
    font-size: 1.1rem;
    color: var(--lexicon-ris-main);
    margin-bottom: 4px;
}
.lexicon-ris-dd {
    font-size: 0.95rem;
    color: var(--lexicon-ris-text-light);
    margin-left: 0;
    padding-left: 12px;
    border-left: 3px solid var(--lexicon-ris-accent);
}

/* 长文 */
.lexicon-ris-long-article p {
    margin-bottom: 16px;
}
.lexicon-ris-long-article p strong {
    background-color: var(--lexicon-ris-text);
    color: white;
    padding: 0 4px;
}

/* 标签云 */
.lexicon-ris-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.lexicon-ris-tag-item {
    border: 2px solid var(--lexicon-ris-text);
    padding: 8px 16px;
    font-size: 0.9rem;
    font-weight: bold;
    cursor: default;
    transition: all 0.2s;
}
.lexicon-ris-tag-item:hover {
    background-color: var(--lexicon-ris-accent);
    color: white;
    border-color: var(--lexicon-ris-accent);
}

/* Footer */
.lexicon-ris-footer {
    text-align: center;
    padding: 60px 24px;
    color: var(--lexicon-ris-text-light);
}
.lexicon-ris-footer-text {
    font-weight: bold;
    margin-bottom: 8px;
}
.lexicon-ris-footer-sub {
    font-family: monospace;
    font-size: 0.8rem;
}

/* 响应式 */
@media (max-width: 992px) {
    .lexicon-ris-span-8, .lexicon-ris-span-4, .lexicon-ris-span-6 {
        grid-column: span 12;
    }
    .lexicon-ris-topbar {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}