/* 朗文英语写作活用词典 - 优化版 v5 */
/* 调整标记大小和段间距，提高版面利用率 */

/* 基础页面样式设置 */
body {
    font-family: Verdana, "Microsoft Yahei", sans-serif;
    font-size: 1rem; /* 统一基础字号为16px */
    line-height: 1.5; /* 稍微收紧行高 */
    color: #333; /* 主文字颜色 */
    background-color: #fff; /* 白色背景 */
    margin: 0;
    padding: 0.5rem; /* 增加页面内边距 */
}

/* 统一颜色变量 */
:root {
    --primary-color: #2c6aa1; /* 主色调-蓝色 */
    --secondary-color: #5a5a5a; /* 次色调-深灰 */
    --accent-color: #e67e22; /* 强调色-橙色 */
    --example-bg: #f8f9fa; /* 例句背景色 */
    --sense-bg: #f0f7ff; /* 义项背景色 - 淡蓝色 */
    --hint-bg: #f5f5f5; /* 提示背景色 */
    --border-color: #e1e4e8; /* 边框颜色 */
}

/* 词头/标题样式 */
.HWD {
    display: block;
    font-size: 1.375rem; /* 22px */
    font-weight: 600;
    color: var(--primary-color);
    padding-bottom: 0.25rem; /* 减少底部内边距 */
    margin-bottom: 0.5rem; /* 减少底部外边距 */
}

/* 章节/区域容器样式 */
.Section {
    display: block;
    margin-bottom: 0.75rem; /* 减少段间距 */
}

/* 链接样式统一 */
a:link, a:visited {
    text-decoration: none;
    color: var(--primary-color);
}

a:hover {
    text-decoration: underline;
}

/* 文首章节编号样式 */
.Section > .SECNR {
    margin-right: 0.5rem;
    padding: 0.125rem 0.5rem;
    color: white;
    font-weight: 600;
    background-color: var(--primary-color);
    border-radius: 3px;
}

/* 正文章节编号样式 */
.SECNR {
    color: var(--secondary-color);
    font-weight: 600;
}

/* 参考文献标题样式 */
.References .TITLE {
    font-size: 1.125rem; /* 18px */
    color: var(--secondary-color);
    background-color: var(--sense-bg);
    margin: 0.5rem 0; /* 减少外边距 */
    padding: 0.375rem; /* 减少内边距 */
    display: inline-block;
}

/* 参考文献类型样式 */
.REFTYPE {
    font-size: 1.125rem; /* 18px */
    margin-left: 0.75rem; /* 减少左边距 */
    color: var(--secondary-color);
}

.REFTYPE::after {
    content: ' :';
}

/* 交叉引用样式 */
.Crossref {
    display: inline-block;
    padding-left: 0.375rem;
    font-size: 0.875rem; /* 14px */
    color: var(--secondary-color);
}

.Crossref::after {
    content: ',';
}

/* 示例/例句样式 */
.EXP {
    font-style: italic;
    color: var(--accent-color);
}

/* 语法标注样式 */
.GRAM {
    font-style: italic;
    margin-left: 0.5rem;
    display: inline-block;
    color: var(--primary-color);
    font-size: 0.875rem; /* 14px */
}

/* 定义样式 */
.DEF {
    display: block;
    margin: 0.375rem 0; /* 减少外边距 */
}

/* 指数/示例容器样式 */
.Exponent {
    margin: 0.5rem 0; /* 减少外边距 */
    display: block;
}

/* 属性形式样式 */
.PROPFORM {
    padding: 0.375rem 0; /* 减少内边距 */
    display: block;
    font-weight: 600;
    color: var(--primary-color);
}

/* 示例样式 - 调整标记和间距 */
.EXAMPLE {
    padding: 0.5rem 0.75rem 0.5rem 2.25rem; /* 调整内边距 */
    font-style: italic;
    color: var(--secondary-color);
    display: block;
    position: relative;
    margin: 0.375rem 0; /* 减少外边距 */
    background-color: var(--example-bg);
    border-radius: 3px; /* 稍微减小圆角 */
}

/* 例句前的标记 - 恢复橙色圆圈星星但减小尺寸 */
.EXAMPLE::before {
    content: '✦'; /* 恢复星星符号 */
    display: inline-block;
    width: 1.25rem; /* 适当大小 */
    height: 1.25rem; /* 适当大小 */
    line-height: 1.25rem; /* 垂直居中 */
    text-align: center; /* 水平居中 */
    color: white;
    background-color: var(--accent-color);
    font-size: 0.75rem; /* 减小字体大小 */
    font-weight: normal;
    position: absolute;
    left: 0.5rem; /* 与左侧保持适当距离 */
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%; /* 圆形背景 */
    box-shadow: 0 1px 2px rgba(0,0,0,0.1); /* 减小阴影 */
}

/* 中文翻译通用样式 */
zh_cn {
    font-style: normal;
    font-size: 0.9375rem; /* 15px */
    display: inline;
    color: #666; /* 中灰色 */
    margin-left: 0.5rem;
}

/* 章节定义样式 - 减少间距 */
.SECDEF {
    color: var(--secondary-color);
    padding: 0.5rem; /* 减少内边距 */
    display: block;
    background-color: var(--sense-bg); /* 淡蓝色背景 */
    margin: 0.5rem 0; /* 减少外边距 */
    border-radius: 3px; /* 稍微减小圆角 */
    border-left: 2px solid var(--primary-color); /* 减小边框宽度 */
}

.SECDEF zh_cn {
    color: var(--secondary-color);
    font-size: 0.9375rem;
    margin-left: 0.5rem;
}

/* 重复内容样式 */
.REPEAT {
    color: var(--accent-color);
}

/* 注释/释义中的中文样式 */
.GLOSS zh_cn, .DEF zh_cn {
    font-size: 0.875rem; /* 14px */
    color: var(--secondary-color);
    margin-left: 0.5rem;
}

/* 参考文献区域样式 */
.References {
    font-size: 1rem;
}

/* 引用样式 */
.Ref {
    display: inline-block;
    font-size: 0.8125rem; /* 13px */
    color: var(--accent-color);
}

.Reference::before {
    content: "\A";
    white-space: pre;
}

/* 提示/用法说明容器样式 - 减少间距 */
.Hint {
    padding: 0.5rem; /* 减少内边距 */
    border-radius: 3px; /* 稍微减小圆角 */
    display: block;
    margin: 0.75rem 0; /* 减少外边距 */
    background-color: var(--hint-bg); /* 使用不同的背景色 */
    border-left: 2px solid #ddd; /* 减小边框宽度 */
}

.HINTBO {
    font-style: italic;
    font-weight: 600;
    color: var(--primary-color);
}

.HINTRO {
    display: inline;
}

.HINTEXA {
    display: block;
    color: var(--secondary-color);
    margin-top: 0.375rem; /* 减少顶部外边距 */
}

.HINTRO::after {
    content: "\A";
    white-space: pre;
}

.Hint::before {
    content: '用法提示';
    display: block;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 0.375rem; /* 减少底部外边距 */
    font-size: 0.875rem;
}

/* 子词头隐藏 */
.SUBHWD {
    display: none;
}

/* 特定div内的章节编号调整 */
div.freemdcit_lla .SECNR {
    padding-left: 0.5rem;
}

div.freemdcit_lla .SECNR::after {
    content: '';
}

/* 关键词内小字样式 */
span.keyword small {
    padding-left: 0.25rem;
    font-size: 0.875rem;
    color: var(--secondary-color);
}

/* 中文文本区域样式 */
div.lla_chtxt {
    font-weight: normal;
}

div.lla_chtxt span.SECDEF {
    background-color: var(--sense-bg) !important;
    border-left: 2px solid var(--primary-color) !important; /* 减小边框宽度 */
}

div.lla_chtxt span.DEF zh_cn {
    font-weight: normal;
    display: inline;
}