* { margin: 0; padding: 0; box-sizing: border-box; }
	body { font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; background: #f5f6f7; color: #333; }
	a { color: #c0392b; text-decoration: none; }
	a:hover { text-decoration: underline; }
	.container { max-width: 1100px; margin: 0 auto; padding: 0 16px; }
	.site-header { background: #1b1f27; }
	.header-inner { display: flex; align-items: center; gap: 24px; height: 56px; }
	.logo { color: #fff; font-size: 20px; font-weight: bold; }
	.main-nav a { color: #cfd3dc; margin-right: 18px; }
	.main-nav a:hover { color: #fff; text-decoration: none; }
	.layout { display: flex; gap: 20px; padding: 20px 16px; }
	.main-col { flex: 1; min-width: 0; }
	.side-col { width: 280px; flex-shrink: 0; }
	.card { display: flex; gap: 14px; background: #fff; border-radius: 8px; padding: 14px; margin-bottom: 14px; }
	.thumb { width: 200px; height: 120px; border-radius: 6px; overflow: hidden; background: #eee; flex-shrink: 0; }
	.thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
	.card-title { font-size: 18px; margin-bottom: 6px; }
	.meta { font-size: 12px; color: #999; margin-bottom: 6px; }
	.summary { font-size: 14px; color: #666; }
	.widget { background: #fff; border-radius: 8px; padding: 16px; margin-bottom: 16px; }
	.widget h2, .widget h3 { font-size: 16px; margin-bottom: 10px; border-left: 4px solid #c0392b; padding-left: 8px; }
	.hot-list li { margin-bottom: 8px; font-size: 14px; }
	.cat-list { list-style: none; }
	.cat-list li { margin-bottom: 6px; font-size: 14px; }
	.article { background: #fff; border-radius: 8px; padding: 24px; }
	.article h1 { font-size: 24px; line-height: 1.4; margin-bottom: 10px; }
	.article-content { margin-top: 16px; font-size: 16px; line-height: 1.8; }
	.article-content p { margin-bottom: 14px; }
	.article-content img { max-width: 100%; height: auto; }
	.breadcrumb { font-size: 13px; color: #999; margin-bottom: 12px; }
	.tags { margin-top: 16px; font-size: 13px; color: #888; }
	.pagination { display: flex; gap: 12px; justify-content: center; align-items: center; margin: 20px 0; }
	.site-footer { background: #1b1f27; color: #8a8f99; text-align: center; padding: 20px 0; margin-top: 20px; }
	.site-footer a { color: #cfd3dc; }
	@media (max-width: 800px) {
	  .layout { flex-direction: column; }
	  .side-col { width: 100%; }
	  .thumb { width: 130px; height: 85px; }
	}