/* 全局重置 */
* { 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%; display:block; }
.clearfix { clear:both; overflow:hidden; }

/* 容器 */
.sf-container { width:1000px; margin:0 auto; }

/* 顶部工具栏 */
.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; display:flex; justify-content:space-between; }
.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; }

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

/* 导航 */
.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-wrapper { width:1000px; margin:15px auto; }

/* 顶部三大板块 */
.sf-index-top { display:flex; gap:20px; margin-bottom:20px; }
.sf-top-box { width:320px; background:#fff; border:1px solid #eee; padding:15px; }
.sf-top-box-title { font-size:16px; color:#c00; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #eee; margin-bottom:12px; }

/* 轮播 */
.sf-swiper-box { width:100%; height:280px; position:relative; overflow:hidden; margin-top:12px; }
.sf-swiper-box img { width:100%; height:100%; object-fit:cover; }
.sf-swiper-title { position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.6); color:#fff; padding:8px 10px; font-size:14px; }

/* 小图推荐 */
.sf-img-list { display:flex; flex-direction:column; gap:12px; margin-top:12px; }
.sf-img-item { width:100%; height:134px; position:relative; overflow:hidden; }
.sf-img-item img { width:100%; height:100%; object-fit:cover; }
.sf-img-title { position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.6); color:#fff; padding:5px 10px; font-size:13px; }

/* 热门资讯 */
.sf-hot-info { margin-top:12px; }
.sf-hot-title { font-size:15px; color:#c00; margin-bottom:6px; line-height:1.4; }
.sf-hot-desc { font-size:13px; color:#666; line-height:1.5; padding-bottom:10px; border-bottom:1px dashed #eee; }
.sf-info-list { margin-top:10px; }
.sf-info-list li { height:30px; line-height:30px; border-bottom:1px dotted #eee; display:flex; gap:6px; }
.sf-tag { background:#c00; color:#fff; padding:0 6px; font-size:12px; border-radius:2px; white-space:nowrap; }
.sf-info-title { flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* 横向标签 */
.sf-tag-wrap { background:#fff; border:1px solid #eee; padding:15px; margin-bottom:20px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.sf-tag-tit { font-size:16px; font-weight:bold; color:#c00; margin-right:10px; }
.sf-tag-item { padding:6px 12px; background:#f5f5f5; border-radius:4px; font-size:14px; white-space:nowrap; }
.sf-tag-item:hover { background:#c00; color:#fff; text-decoration:none; }

/* 列表样式 */
.sf-list-wrap { display:flex; flex-wrap:wrap; gap:20px; margin-bottom:20px; }
.sf-list-box { width:490px; background:#fff; border:1px solid #eee; padding:15px; }
.sf-list-box-title { font-size:16px; color:#c00; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #eee; margin-bottom:12px; }
.sf-list-img { margin-bottom:10px; }
.sf-list-box li { height:32px; line-height:32px; border-bottom:1px dashed #eee; display:flex; justify-content:space-between; }
.sf-list-box li span { color:#999; font-size:12px; }

/* 友情链接 */
.sf-friendlink { background:#fff; border:1px solid #eee; padding:12px 15px; margin-bottom:20px; color:#666; }
.sf-friendlink span { color:#c00; font-weight:bold; margin-right:10px; }
.sf-friendlink a { margin:0 6px; color:#333; }
.sf-friendlink a:hover { color:#c00; }

/* 页脚 */
.sf-footer { width:100%; background:#222; color:#ccc; padding:15px 0; text-align:center; font-size:12px; }
.sf-footer a { color:#fff; }