/* PHP纯净万能CMS 默认前台模板样式（里程碑五） */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font: 15px/1.7 "Microsoft YaHei", "PingFang SC", sans-serif; color: #333; background: #f6f7f9; }
a { color: #2a5298; text-decoration: none; }
a:hover { color: #e33; }
.cms-wrap { max-width: 1080px; margin: 0 auto; padding: 0 16px; }

/* 头部 */
.cms-header { background: #fff; border-bottom: 1px solid #eee; }
.cms-header .cms-wrap { display: flex; align-items: center; gap: 24px; height: 60px; }
.cms-logo { font-size: 20px; font-weight: 700; color: #2a5298; }
.cms-nav { display: flex; gap: 18px; flex: 1; overflow-x: auto; }
.cms-nav a { color: #555; white-space: nowrap; padding: 4px 2px; }
.cms-nav a:hover { color: #2a5298; }
.cms-user { display: flex; gap: 12px; white-space: nowrap; }
.cms-user a:first-child:empty { display: none; }

/* 主体 */
.cms-main { padding: 20px 0 40px; }
.cms-block { background: #fff; border-radius: 8px; padding: 20px 24px; margin-bottom: 20px; }
.cms-title { font-size: 18px; border-left: 4px solid #2a5298; padding-left: 10px; margin-bottom: 16px; }
.cms-title small { font-weight: 400; color: #aaa; font-size: 12px; }
.cms-item { padding: 12px 0; border-bottom: 1px dashed #eee; }
.cms-item h3 { font-size: 16px; margin-bottom: 4px; }
.cms-meta { color: #999; font-size: 13px; margin-bottom: 4px; }
.cms-desc { color: #666; font-size: 14px; }
.cms-empty { color: #999; text-align: center; padding: 30px 0; }

/* 面包屑 */
.cms-crumbs { color: #999; font-size: 13px; margin-bottom: 14px; }
.cms-crumbs a { color: #999; }
.cms-crumbs a:hover { color: #2a5298; }
.cms-crumbs a + a::before { content: ">"; margin: 0 8px; color: #ccc; }

/* 详情页 */
.cms-detail-title { font-size: 24px; margin-bottom: 10px; }
.cms-cover { max-width: 100%; border-radius: 6px; margin: 12px 0; }
img.cms-cover[src=""], img[src=""] { display: none; }
.cms-content { padding: 10px 0; }
.cms-content img { max-width: 100%; }
.cms-fields { background: #f8f9fb; border-radius: 6px; padding: 14px 16px; margin-top: 16px; font-size: 14px; }
.cms-fields p { padding: 3px 0; }
.cms-price { color: #e33; }

/* 分页 */
.cms-pages { list-style: none; display: flex; gap: 8px; justify-content: center; padding: 24px 0 4px; flex-wrap: wrap; }
.cms-pages li a, .cms-pages li span { display: inline-block; min-width: 34px; padding: 5px 10px; text-align: center; border: 1px solid #e3e6eb; border-radius: 4px; background: #fff; font-size: 14px; }
.cms-pages li a:hover { border-color: #2a5298; }
.cms-pages li span.on { background: #2a5298; border-color: #2a5298; color: #fff; }
.cms-pages li span.disabled { color: #bbb; background: #f6f7f9; }

/* 高亮 */
em.cms-hl { color: #e33; font-style: normal; font-weight: 700; }

/* 底部 */
.cms-footer { background: #fff; border-top: 1px solid #eee; padding: 22px 0 30px; color: #999; font-size: 13px; text-align: center; }

/* ===== 站内搜索框 ===== */
.cms-search { display: flex; gap: 6px; white-space: nowrap; }
.cms-search input { width: 170px; padding: 6px 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; outline: none; box-sizing: border-box; }
.cms-search input:focus { border-color: #2a5298; }
.cms-search button { padding: 6px 14px; border: none; border-radius: 4px; background: #2a5298; color: #fff; font-size: 13px; cursor: pointer; }
.cms-search-page { margin: 14px 0 6px; }
.cms-search-page input { width: 320px; }
@media (max-width: 720px) {
  .cms-header .cms-search { display: none; }
  .cms-search-page { display: flex; }
  .cms-search-page input { width: 60%; }
}
