:root {
    --sme-primary: #e74c3c;
    --sme-primary-hover: #d63a2a;
    --sme-text: #2f2f2f;
    --sme-text-muted: #666;
    --sme-bg: #f7f8fa;
    --sme-surface: #ffffff;
    --sme-border: #e8eaee;
    --sme-radius-sm: 8px;
    --sme-radius-md: 12px;
    --sme-radius-lg: 16px;
    --sme-shadow-sm: 0 4px 12px rgba(16, 24, 40, 0.06);
    --sme-shadow-md: 0 10px 24px rgba(16, 24, 40, 0.08);
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", Roboto, sans-serif;
    color: var(--sme-text);
    background: var(--sme-bg);
}

a {
    color: inherit;
    text-decoration: none;
}

/* 统一处理 mudlink 包裹内容时可能出现的边线、阴影和外轮廓 */
.mud-link, 
.mud-link:hover, 
.mud-link:focus, 
.mud-link:active {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* 确保链接内的图片没有边框 */
a img, 
.mud-link img {
    border: none;
}


.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.section-container {
    padding: 26px 0;
    border-bottom: 1px solid var(--sme-border);
}

.section-container:last-child {
    border-bottom: none;
}

.sme-card {
    background: var(--sme-surface);
    border: 1px solid var(--sme-border);
    border-radius: var(--sme-radius-md);
    box-shadow: var(--sme-shadow-sm);
}

.sme-link {
    color: var(--sme-text-muted);
    text-decoration: none;
    transition: color 0.2s ease;
}

.sme-link:hover {
    color: var(--sme-primary);
}

.sme-btn {
    border: 1px solid var(--sme-border);
    border-radius: var(--sme-radius-sm);
    background: #fff;
    color: var(--sme-text-muted);
    cursor: pointer;
    transition: all 0.2s ease;
}

.sme-btn:hover {
    border-color: var(--sme-primary);
    color: var(--sme-primary);
}

.sme-btn-primary {
    background: var(--sme-primary);
    border-color: var(--sme-primary);
    color: #fff;
}

.sme-btn-primary:hover {
    background: var(--sme-primary-hover);
    border-color: var(--sme-primary-hover);
    color: #fff;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background: #d2d6dc;
    border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
    background: #b8bec8;
}

@media (max-width: 768px) {
    .container {
        padding: 0 14px;
    }

    .section-container {
        padding: 20px 0;
    }

    /* 移动端列表项微交互 */
    .mobile-list-item-active:active {
        background: rgba(0, 0, 0, 0.05) !important;
        transform: scale(0.98);
        transition: transform 0.1s ease;
    }

    /* 苹果风格的平滑滚动 */
    body {
        -webkit-overflow-scrolling: touch;
    }
}

/* 一些通用的玻璃拟态或阴影增强，提升“杨师”风格的精致感 */
.sme-mobile-card {
    background: #fff;
    border-radius: var(--sme-radius-md);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

/* ========================================================== */
/* Quill 富文本编辑器中文化及自定义字体/字号样式                */
/* ========================================================== */

/* 设置 Quill 工具栏的字体 */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="simsun"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="simsun"]::before {
    content: "宋体";
    font-family: "SimSun";
}
.ql-font-simsun { font-family: "SimSun"; }

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="simhei"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="simhei"]::before {
    content: "黑体";
    font-family: "SimHei";
}
.ql-font-simhei { font-family: "SimHei"; }

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="microsoft-yahei"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="microsoft-yahei"]::before {
    content: "微软雅黑";
    font-family: "Microsoft YaHei";
}
.ql-font-microsoft-yahei { font-family: "Microsoft YaHei"; }

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="kaiti"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="kaiti"]::before {
    content: "楷体";
    font-family: "KaiTi";
}
.ql-font-kaiti { font-family: "KaiTi"; }

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="arial"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="arial"]::before {
    content: "Arial";
    font-family: "Arial";
}
.ql-font-arial { font-family: "Arial"; }

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: "系统默认";
}

/* 覆盖 Quill 默认的 tooltip 为中文 */
.ql-snow .ql-tooltip::before {
    content: "访问 URL:" !important;
}
.ql-snow .ql-tooltip[data-mode="link"]::before {
    content: "请输入链接地址:" !important;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    border-right: 0px;
    content: '保存' !important;
    padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode="video"]::before {
    content: "请输入视频链接:" !important;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: "14px"; /* 默认字号 */
}

/* 预设字号选项 */
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
    content: "12px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
    content: "14px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
    content: "16px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
    content: "18px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before {
    content: "20px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
    content: "24px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before {
    content: "32px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="36px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36px"]::before {
    content: "36px";
}

.ql-size-12px { font-size: 12px; }
.ql-size-14px { font-size: 14px; }
.ql-size-16px { font-size: 16px; }
.ql-size-18px { font-size: 18px; }
.ql-size-20px { font-size: 20px; }
.ql-size-24px { font-size: 24px; }
.ql-size-32px { font-size: 32px; }
.ql-size-36px { font-size: 36px; }

/* 标题汉化 */
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: '正文';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: '标题 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: '标题 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: '标题 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    content: '标题 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    content: '标题 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: '标题 6';
}