/* MY雪茄网 前台样式 - 简洁明了，手机/电脑自适应 */
* { margin:0; padding:0; box-sizing:border-box; }
body { font:16px/1.75 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif; color:#2b2b2b; background:#f6f4f0; }
a { color:#8a5a2b; text-decoration:none; }
a:hover { color:#b4772f; }
img { max-width:100%; height:auto; }
.wrap { max-width:1080px; margin:0 auto; padding:0 16px; }

/* 头部 */
.site-header { background:#2d1f14; color:#fff; }
.site-header .wrap { display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; padding:14px 16px; }
.brand a { font-size:24px; font-weight:700; color:#e9c98a; letter-spacing:1px; }
.brand .sub { margin-left:10px; font-size:13px; color:#bfa27a; }
.nav { display:flex; flex-wrap:wrap; gap:2px; }
.nav a { color:#e8ddcd; padding:6px 12px; border-radius:6px; font-size:15px; }
.nav a:hover, .nav a.on { background:#8a5a2b; color:#fff; }
.notice { background:#efe6d6; border-bottom:1px solid #e0d2b8; color:#6b4f2a; font-size:14px; }
.notice .wrap { padding:8px 16px; }

/* 布局：左内容右侧栏 */
.main-layout { display:flex; gap:24px; padding:24px 16px 40px; align-items:flex-start; }
.content { flex:1; min-width:0; }
.sidebar { width:300px; flex-shrink:0; }
.page-title { font-size:22px; margin-bottom:14px; padding-left:10px; border-left:4px solid #8a5a2b; }
.page-title .en { font-size:14px; color:#999; margin-left:8px; font-weight:400; }
.cat-desc { font-size:14px; color:#777; margin-bottom:16px; }
.home-intro { background:#fff; border-radius:10px; padding:14px 18px; margin-bottom:16px; font-size:14px; color:#555; }
.empty { color:#999; padding:30px 0; }

/* 列表项 */
.item { display:flex; gap:16px; background:#fff; border-radius:10px; padding:16px; margin-bottom:14px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.item .thumb { flex-shrink:0; width:176px; }
.item .thumb img { width:176px; height:100px; object-fit:cover; border-radius:8px; display:block; }
.item h2 { font-size:18px; line-height:1.45; margin-bottom:6px; }
.item h2 a { color:#2b2b2b; }
.item h2 a:hover { color:#8a5a2b; }
.top-badge { display:inline-block; background:#c0392b; color:#fff; font-size:12px; font-style:normal; padding:1px 7px; border-radius:4px; margin-right:6px; vertical-align:2px; }
.excerpt { font-size:14px; color:#666; margin-bottom:8px; }
.meta { font-size:13px; color:#999; }
.cat-badge { background:#f0e6d2; color:#8a5a2b; padding:1px 8px; border-radius:4px; font-size:12px; margin-right:4px; }

/* 侧边栏 */
.side-box { background:#fff; border-radius:10px; padding:16px 18px; margin-bottom:16px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.side-box h3 { font-size:16px; margin-bottom:12px; padding-bottom:8px; border-bottom:2px solid #f0e6d2; color:#5a3d1e; }
.tag-cloud { display:flex; flex-wrap:wrap; gap:8px; }
.tag-cloud a { background:#f6f0e4; padding:3px 11px; border-radius:20px; font-size:13px; color:#7a5427; }
.tag-cloud a:hover { background:#8a5a2b; color:#fff; }
.side-list { list-style:none; }
.side-list li { padding:7px 0; border-bottom:1px dashed #eee; font-size:14px; }
.side-list li:last-child { border-bottom:none; }
.side-list a { color:#444; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.side-list a:hover { color:#8a5a2b; }
.author-box { font-size:14px; color:#666; }
.author-name { font-weight:700; color:#5a3d1e; margin-bottom:4px; }

/* 文章页 */
.article-page { background:#fff; border-radius:10px; padding:26px 30px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.crumb { font-size:13px; color:#999; margin-bottom:14px; }
.art-title { font-size:26px; line-height:1.4; margin-bottom:10px; }
.art-meta { font-size:13px; color:#999; padding-bottom:14px; border-bottom:1px solid #f0ece2; margin-bottom:18px; }
.art-cover { text-align:center; margin-bottom:18px; }
.art-cover img { border-radius:8px; }
.art-summary { background:#faf6ec; border-left:4px solid #d8b877; padding:12px 16px; font-size:14px; color:#6b5a3a; border-radius:0 8px 8px 0; margin-bottom:20px; }
.art-content { font-size:16px; }
.art-content p { margin-bottom:16px; }
.art-content h2 { font-size:20px; margin:26px 0 12px; padding-left:10px; border-left:4px solid #8a5a2b; }
.art-content img { display:block; margin:14px auto; border-radius:8px; }
.art-content .tag-link { border-bottom:1px dashed #b4772f; font-weight:600; }
.art-tags { margin-top:26px; padding-top:16px; border-top:1px solid #f0ece2; font-size:14px; color:#888; }
.art-tags a { display:inline-block; background:#f6f0e4; padding:2px 12px; border-radius:20px; margin:0 6px 6px 0; font-size:13px; }
.art-contact { margin-top:22px; background:#2d1f14; color:#e9c98a; padding:14px 18px; border-radius:8px; font-size:14px; text-align:center; }
.art-source { margin-top:14px; padding:13px 18px; background:#faf6ec; border:1px dashed #d8b877; border-radius:8px; font-size:14px; color:#6b5a3a; word-break:break-all; }
.art-source a { color:#8a5a2b; text-decoration:underline; }

/* 底部 */
.site-footer { background:#2d1f14; color:#a08a6a; text-align:center; font-size:13px; margin-top:20px; }
.site-footer .wrap { padding:22px 16px; }
.site-footer .contact { color:#e9c98a; font-size:14px; margin-bottom:6px; }

/* 手机端 */
@media (max-width: 860px) {
  .main-layout { flex-direction:column; padding:16px 12px 30px; }
  .sidebar { width:100%; }
  .item { flex-direction:column; }
  .item .thumb, .item .thumb img { width:100%; height:auto; }
  .item .thumb img { max-height:190px; }
  .article-page { padding:18px 16px; }
  .art-title { font-size:21px; }
  .brand a { font-size:20px; }
  .nav a { padding:5px 9px; font-size:14px; }
}

/* ===== 友情链接 ===== */
.friend-links { padding:10px 0 4px; border-bottom:1px solid rgba(255,255,255,.12); margin-bottom:10px; }
.friend-links .fl-label { color:#c9b8a4; font-size:13px; margin-right:6px; }
.friend-links a { color:#d8c7b0; font-size:13px; margin-right:14px; text-decoration:none; }
.friend-links a:hover { color:#fff; text-decoration:underline; }

/* ===== TAG 标签总页面 ===== */
.tag-index { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:12px; margin-top:14px; }
.tag-index-item { display:block; background:#fff; border:1px solid #eee2d3; border-radius:10px; padding:12px 14px; text-decoration:none; transition:.15s; }
.tag-index-item:hover { border-color:#8a5a2b; box-shadow:0 3px 12px rgba(138,90,43,.12); }
.tag-index-item b { color:#5a3b1c; font-size:15px; }
.tag-index-item i { float:right; font-style:normal; font-size:12px; color:#999; }
.tag-index-item em { display:block; font-style:normal; font-size:11px; color:#b5a794; margin-top:4px; word-break:break-all; }
.tag-cloud .tag-all { background:#8a5a2b; color:#fff !important; }