/* 全局重置 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft Yahei",SimSun,Arial; font-size: 14px; color: #333; background: #f5f5f5; line-height: 1.6; }
ul,ol { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover { color: #c00; text-decoration: underline; }
img { border: none; max-width: 100%; }
.clearfix { clear: both; overflow: hidden; }

/* 全局固定宽度容器 */
.sf-container { width: 1000px; margin: 0 auto; }

/* 顶部工具栏 - 100%通栏 单行展示 */
.sf-toolbar { background: #222; color: #ccc; padding: 8px 0; width: 100%; }
.sf-toolbar-box { width: 1000px; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sf-toolbar-left, .sf-toolbar-right { display: inline-block; vertical-align: middle; }
.sf-toolbar-left { width: 48%; }
.sf-toolbar-right { width: 48%; text-align: right; }

/* SEO安全隐藏：视觉看不见，搜索引擎能读取 */
.seo-hide {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0;
}

/* 头部LOGO区域 */
.sf-header { background: #fff; padding: 15px 0; border-bottom: 1px solid #eee; }
.sf-logo { display: flex; align-items: center; gap: 20px; }
.sf-logo-img { display: block; }
.sf-logo-title { display: block; }

/* 主导航栏 */
.sf-nav { background: #c00; width: 100%; }
.sf-ul-list { display: flex; }
.sf-ul-list li { position: relative; }
.sf-ul-list li a { display: block; padding: 12px 22px; color: #fff; font-size: 15px; font-weight: bold; }
.sf-ul-list li a.home { background: #900; }
.sf-ul-list li a:hover { background: #900; text-decoration: none; }
.sf-ol-list { position: absolute; left: 0; top: 100%; background: #fff; width: 120px; display: none; z-index: 99; }

/* 主体包裹层 */
.sf-wrapper { width: 1000px; margin: 15px auto; display: flex; gap: 20px; }

/* 左侧主内容区 */
.sf-main-left { width: 740px; background: #fff; padding: 20px; border: 1px solid #eee; }
/* 面包屑导航 SEO重点 */
.sf-crumbs { padding: 8px 0; border-bottom: 1px dashed #ddd; margin-bottom: 15px; color: #666; }
.sf-crumbs a { color: #c00; }

/* 文章标题 */
.sf-article-title { font-size: 22px; color: #c00; text-align: center; margin: 10px 0 20px; line-height: 1.5; }
.sf-article-info { text-align: center; color: #999; font-size: 13px; margin-bottom: 20px; }
.sf-article-info span { margin: 0 8px; }

/* 文章内容 */
.sf-article-content { font-size: 16px; line-height: 1.8; color: #333; }
.sf-article-content p { margin-bottom: 18px; text-indent: 2em; }
.sf-article-content img { display: block; margin: 15px auto; }
.sf-article-content p img { text-align: center; }

/* ========== TAG标签样式 ========== */
.article-tags {
    margin: 25px 0;
    padding: 12px 15px;
    background: #fdfdfd;
    border: 1px dashed #eee;
    border-radius: 4px;
    font-size: 14px;
}
.article-tags span {
    color: #c00;
    font-weight: bold;
    margin-right: 10px;
}
.article-tags a {
    display: inline-block;
    padding: 4px 10px;
    margin: 0 4px 6px 0;
    background: #f5f5f5;
    color: #333;
    border-radius: 3px;
    font-size: 13px;
}
.article-tags a:hover {
    background: #c00;
    color: #fff;
    text-decoration: none;
}

/* 相关文章 - 一行2条 */
.sf-related { margin-top: 25px; padding-top: 15px; border-top: 1px solid #eee; }
.sf-related-title { font-size: 16px; color: #c00; font-weight: bold; margin-bottom: 10px; display: block; }
.sf-related ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.sf-related li {
    width: 49%;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px dashed #eee;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sf-related li a { color: #333; text-decoration: none; font-size: 14px; }
.sf-related li a:hover { color: #c00; }

/* 右侧侧边栏 */
.sf-main-right { width: 240px; display: flex; flex-direction: column; gap: 15px; }
.sf-sidefixed { background: #fff; border: 1px solid #eee; }
.sf-index-top-right { padding: 15px; }
.sf-index-top-right span { display: block; font-size: 15px; font-weight: bold; color: #c00; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px; }
.sf-index-top-right ul li { padding: 6px 0; border-bottom: 1px dotted #eee; }
.sf-index-top-right ul li em { 
    display: inline; 
    color: #999; 
    font-style: normal;
    margin-right: 4px;
}
.sf-index-top-right ul li a {
    display: inline-block;
    width: 182px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

/* 页脚 - 100%通栏 配色/样式与顶部对称 */
.sf-footer { width: 100%; background: #222; color: #ccc; padding: 15px 0; margin-top: 20px; text-align: center; font-size: 12px; }
.sf-footer .sf-container { width: 1000px; margin: 0 auto; }
.sf-footer a { color: #fff; }