/* ============ 医美视界 整体布局（1+5+2 三列 + 通栏页脚） ============ */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.site-container {
  max-width: 1300px;
  margin: 0 auto;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.site-row {
  display: flex; gap: 20px; align-items: flex-start;
  flex-wrap: nowrap;        /* 显式禁止换行，右栏绝不会被挤到第二行 */
  margin-top: 16px;
  flex: 1 0 auto;           /* 内容不够长时自动伸展，把页脚推到底部 */
}
/* min-width:0 关键：阻止 flex 默认的 min-width:auto 把中间列按内容撑大，
   否则超宽图片/长串/表格会把右栏挤到看不见的位置 */
.col-left   { width: 200px; flex-shrink: 0; min-width: 0; position: sticky; top: 20px; align-self: flex-start; max-height: 100vh; overflow: visible; z-index: 2; }
.col-center { width: 860px; flex-shrink: 0; min-width: 0; }
.col-right  { width: 200px; flex-shrink: 0; min-width: 0; position: sticky; top: 20px; align-self: flex-start; }

/* 响应式：窄屏改为上下堆叠 */
@media (max-width: 768px) {
  .site-row { flex-direction: column; }
  .col-left, .col-center, .col-right { flex: auto; width: 100%; }
  .col-left, .col-right { position: static; top: auto; }
}

/* ---------- 左列：LOGO + 主菜单 + 社交按钮（固定200px宽，与LOGO位等宽） ---------- */
.left-col { width: 200px; }
.left-col .logo { display: flex; align-items: center; justify-content: center; width: 200px; height: 122px; margin: 0 0 20px; padding: 0; }
.left-col .logo a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.left-col .logo-img { width: 100%; height: 100%; transition: transform .25s ease, box-shadow .25s ease; border-radius: 6px; }
.left-col .logo-img:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.12); }
.left-col .logo-text { display: none; }

/* 竖排导航 */
.left-col .side-nav-list { list-style: none; margin: 0; padding: 0; }
.left-col .side-nav-item > a {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 14px; background: #f7f7f7;
  color: #333; text-decoration: none; font-size: 15px;
  border-bottom: 1px solid #eee;
}
.left-col .side-nav-item:last-child > a { border-bottom-color: transparent; }
.left-col .side-nav-item > a:hover { background: #e74c3c; color: #fff; }
.left-col .nav-icon { width: 18px; height: 18px; flex-shrink: 0; display: inline-flex; align-items: center; }
.left-col .nav-icon svg { width: 18px; height: 18px; fill: none; stroke: #888; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.left-col .side-nav-item > a:hover .nav-icon svg { stroke: #fff; }
.left-col .side-sub-nav { list-style: none; margin: 0; padding: 0; background: #fafafa; }
.left-col .side-sub-nav a {
  display: block; padding: 8px 14px 8px 44px; color: #666;
  font-size: 13px; text-decoration: none; border-bottom: 1px dashed #eee;
}
.left-col .side-sub-nav a:hover { color: #e74c3c; }

/* 底部三色标签（小色块+文字，与上方图标中心垂直对齐） */
.left-col .side-feeds { margin-top: 16px; display: flex; flex-direction: column; gap: 8px; padding-left: 18px; }
.left-col .side-feeds .feed {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 0; font-size: 13px; text-decoration: none; color: #555;
}
.left-col .side-feeds .feed::before {
  content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 1px; flex-shrink: 0;
}
.left-col .feed-weibo::before { background: #e6162d; }
.left-col .feed-weixin::before { background: #07c160; }
.left-col .feed-weibo:hover { color: #e6162d; }
.left-col .feed-weixin:hover { color: #07c160; }
.left-col .feed-shipin::before { background: #ffc300; }
.left-col .feed-shipin:hover { color: #ffc300; }

/* 公众号二维码弹窗 */
.qrcode-trigger { position: relative; cursor: default; }
.qrcode-popup {
  display: none; position: absolute; left: 100%; top: -10px;
  margin-left: 12px; padding: 12px; background: #fff;
  border: 1px solid #e0e0e0; border-radius: 4px; box-shadow: 0 4px 16px rgba(0,0,0,.15);
  z-index: 100; white-space: nowrap;
}
.qrcode-popup img { display: block; width: 150px; height: auto; }
.qrcode-popup em {
  display: block; margin-top: 6px; font-size: 12px; font-style: normal;
  text-align: center; color: #666;
}
.qrcode-trigger:hover .qrcode-popup { display: block; }

/* ---------- 中列：广告栏 / 热文 / 列表 ---------- */
.center-col { min-height: 200px; }
.sec { margin-top: 22px; }
.sec-title { font-size: 18px; margin: 0 0 14px; padding-left: 10px; border-left: 4px solid #e74c3c; color: #333; }
.hot-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
/* 卡片：固定高度，纵向 flex，溢出裁切 */
.hot-card {
  display: flex; flex-direction: column; position: relative;
  height: 154px; overflow: hidden;
  border-radius: 8px; text-decoration: none;
  background: #f0f0f0;
  transition: transform .25s ease, box-shadow .25s ease;
}
/* 苹果风：悬停上浮 + 柔和投影，图片轻微放大，整体更显高级 */
.hot-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,.16);
}
.hot-card:hover .hot-thumb img { transform: scale(1.06); }
/* 图片区：占满剩余空间 */
.hot-thumb {
  flex: 1 1 auto; min-height: 0;
  overflow: hidden; position: relative;
}
.hot-thumb img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
  transition: transform .35s ease;
}
/* 标题条：覆盖在图片底部，不单独占高度 */
.hot-title {
  position: absolute; left: 0; right: 0; bottom: 0;
  margin: 0;
  padding: 7px 10px;
  font-size: 13px; line-height: 1.35;
  background: rgba(0,0,0,.68); color: #fff;
  text-align: left;
  box-sizing: border-box;
}
@media (max-width: 560px) { .hot-grid { grid-template-columns: repeat(2, 1fr); } }

/* 最新发布：白底卡片，从 #eee 灰底中浮出，作为主阅览区 */
.latest-sec {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 16px 18px 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.list-cols { display: flex; gap: 40px; }
.list-col { flex: 1; min-width: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; }
.list-col li {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 0 10px 14px;
}
.list-col li::before {
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 5px; height: 5px;
  margin-top: -2.5px;
  border-radius: 50%;
  background: #e74c3c;
}
.list-col li a {
  display: block; color: #333; text-decoration: none; font-size: 14px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  transition: color .15s;
}
.list-col li:hover { background: #fafafa; }
.list-col li:hover a { color: #e74c3c; }

/* ---------- 右列：搜索 / 随机推荐 ---------- */
.right-col .widget { margin-bottom: 20px; background: #fff; border: 1px solid #eee; padding: 14px; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.right-col .widget .title { font-size: 18px; margin: 0 0 6px; padding-bottom: 8px; border-bottom: 2px solid #e74c3c; color: #333; font-weight: 500; line-height: 1.4; }
.right-col .widget .title strong { border-bottom: none; font-weight: bold; }
/* 站内搜索：现代一体式搜索框，放大镜嵌入输入框右侧，无独立按钮。
   用 .search-widget 前缀提高特异性(0-2-0/0-3-0)，压过老主题 style.css 裸 .search-form(0-1-0)。
   关键重置：老主题 .search-form{padding:10px 70px 0 0} 给旧按钮留位，必须显式清零，
   否则 .col-right 212px 净宽会被啃掉 70px，输入框只剩约 140px。 */
.search-widget .search-form { display: block; position: relative; padding: 0; }
.search-widget .search-form .input-wrap { position: relative; width: 100%; }
.search-widget .search-form .form-control {
  width: 100%; height: 42px; padding: 0 56px 0 16px;
  border: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-radius: 10px;
  font-size: 14px; color: #333; background: #fff;
  box-sizing: border-box; transition: border-color .2s, box-shadow .2s;
}
.search-widget .search-form .form-control::placeholder { color: #bbb; }
.search-widget .search-form .form-control:focus { outline: none; border-color: #999; box-shadow: 0 0 0 3px rgba(0,0,0,.06); }
/* 右侧搜索提交按钮(透明，仅显示主色放大镜图标) */
.search-widget .search-form .search-submit {
  position: absolute; right: 0; top: 0; bottom: 0;
  width: 36px; padding: 0;
  background: transparent; border: none; border-radius: 0 10px 10px 0;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: background .2s;
}
.search-widget .search-form .search-submit svg {
  width: 18px; height: 18px;
  fill: none; stroke: #999; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;
  transition: stroke .2s, transform .2s;
}
.search-widget .search-form .search-submit:hover { background: rgba(0,0,0,.04); }
.search-widget .search-form .search-submit:hover svg { stroke: #666; transform: scale(1.08); }
.search-widget .search-form .search-submit:active svg { transform: scale(.96); }
/* 输入框内 X 清除按钮(位于放大镜左侧) */
.search-widget .search-form .search-clear {
  position: absolute; right: 38px; top: 50%; transform: translateY(-50%);
  width: 18px; height: 18px; cursor: pointer;
  display: none; align-items: center; justify-content: center;
  background: #d0d0d0; border-radius: 50%; color: #fff;
  font-size: 12px; line-height: 1; user-select: none; transition: background .2s;
}
.search-widget .search-form .search-clear:hover { background: #999; }
.search-widget .search-form .input-wrap.has-value .search-clear { display: flex; }
/* 站内搜索：结果用浮层弹出，不挤压下方随机推荐 */
.search-widget { position: relative; z-index: 20; min-height: 120px; box-sizing: border-box; }
.search-results {
  list-style: none; margin: 6px 0 0; padding: 0;
  position: absolute; top: 100%; left: -1px; right: -1px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-top: 2px solid #e74c3c;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);
  max-height: 600px; overflow-y: auto; z-index: 25;
}
.search-results:empty { display: none; }
.search-results li {
  margin: 0; padding: 10px 14px;
  border-bottom: 1px solid #f4f4f4;
  transition: background .15s;
}
/* 浮层底部“查看全部”引导链接 */
.search-results .search-view-all {
  text-align: center; background: #fafafa;
  border-bottom: none; position: sticky; bottom: 0;
}
.search-results .search-view-all a {
  color: #e74c3c; font-size: 13px; font-weight: 600;
  padding: 10px 0; display: block;
}
.search-results .search-view-all a:hover { color: #c0392b; }
.search-results li:last-child { border-bottom: none; }
.search-results li:hover { background: #fef9f9; }
.search-results li a {
  display: block; color: #333; text-decoration: none; font-size: 13px;
  line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.search-results li a:hover { color: #e74c3c; }
.search-results .no-result {
  padding: 20px 14px; color: #aaa; font-size: 13px;
  text-align: center;
}
.rec-list { list-style: none; margin: 0; padding: 0; }

/* 随机推荐：固定整体高度 390px（padding+border 占 30px，内容区净高 360px），超出自动裁切 */
.rec-widget {
  height: 390px;
  overflow: hidden;
}

/* 随机推荐：每条单行显示，超出显示省略号（与站内搜索列表风格一致） */
.rec-list li { border-bottom: 1px solid #f4f4f4; }
.rec-list li:last-child { border-bottom: none; }
.rec-list li a {
  display: block; color: #333; text-decoration: none;
  font-size: 13px; line-height: 1.5; padding: 8px 0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.rec-list li a:hover { color: #e74c3c; }
.search-results .no-result { color: #999; font-size: 13px; }

/* ---------- 轮播（固定 860×320，所有元素不破窗） ---------- */
#slider { width: 860px; max-width: 100%; height: 320px; overflow: hidden; position: relative; border-radius: 8px; }
#slider .carousel-inner { width: 860px; height: 320px; overflow: hidden; }
/* 只定尺寸；display/position 交回 Bootstrap：.item 默认隐藏，.active/.next/.prev 显示并 absolute 滑动，避免所有项常显导致堆叠跳动 */
#slider .carousel-inner > .item,
#slider .carousel-inner > .item.active,
#slider .carousel-inner > .item.next,
#slider .carousel-inner > .item.prev {
  width: 860px; height: 320px; overflow: hidden;
}
#slider .carousel-inner > .item > a {
  width: 860px; height: 320px; display: block; overflow: hidden;
}
#slider .carousel-inner > .item > a img {
  width: 860px; height: 320px; object-fit: cover; object-position: center;
}
/* 硬件加速：用 transform: translate3d 替代 Bootstrap 的 left 位移，由 GPU 合成，丝滑无缝循环 */
#slider .carousel-inner > .item {
  left: 0;
  -webkit-transition: -webkit-transform .6s ease-in-out;
          transition: transform .6s ease-in-out;
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform;
}
#slider .carousel-inner > .active { left: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#slider .carousel-inner > .next,
#slider .carousel-inner > .prev { left: 0; }
#slider .carousel-inner > .next { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
#slider .carousel-inner > .prev { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
#slider .carousel-inner > .next.left,
#slider .carousel-inner > .prev.right { left: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#slider .carousel-inner > .active.left { left: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
#slider .carousel-inner > .active.right { left: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }


/* 翻页按钮：固定在轮播框内 */
#slider .carousel-control {
  position: absolute; top: 0; width: 44px; height: 320px;
  opacity: 0; transition: opacity .3s; background-image: none;
  background: rgba(0,0,0,.15);
}
#slider:hover .carousel-control { opacity: 1; }
#slider .carousel-control:hover { background: rgba(0,0,0,.35); }

#slider .slider-arrow {
  display: block; width: 18px; height: 18px; position: absolute;
  top: 50%; margin-top: -9px;
  border-top: 2.5px solid #fff; border-left: 2.5px solid #fff;
}
#slider .slider-arrow-left  { left: 12px; transform: rotate(-45deg); }
#slider .slider-arrow-right { right: 12px; transform: rotate(135deg); }

/* 指示器圆点：固定在底部 */
#slider .carousel-indicators { bottom: 10px; z-index: 10; }
#slider .carousel-indicators li { margin: 0 4px; }

/* 标题文字：浮在图片底部渐变(carousel-bg)上，不加独立黑条 */
#slider .carousel-caption {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 10px 18px; font-size: 15px; line-height: 1.5;
  text-align: left; border-radius: 0;
}

/* ---------- 页脚：低调融入背景，一行居中 ---------- */
.footer {
  margin: 0;                   /* 紧贴上方版块，去掉额外间距 */
  padding: 20px 0 5px;         /* 底部 5px，让文字沉底 */
  border-top: none;
  background: transparent;     /* 去掉底色矩形块，融入页面背景 */
  color: #999; font-size: 12px; clear: both;
}
.footer-inner {
  max-width: 1300px; margin: 0 auto; padding: 0 20px;
  text-align: center; line-height: 1.6;
}
.footer-inner .f-line {
  margin: 0;
  white-space: nowrap;         /* 宽度足够时不换行 */
}
.footer-inner .f-line + .f-line { margin-top: 4px; }
.footer-inner .f-line .sep { display: inline; margin: 0; }  /* 全角空格分隔符，保持 1em 宽度 */
.footer-inner a { color: #999; text-decoration: none; transition: color .15s; }
.footer-inner a:hover { color: #e74c3c; }
/* 覆盖老主题 .uimo.ui-c3 .footer 的高特异性 padding/border-top，确保底部 5px 沉底 */
.uimo.ui-c3 .footer {
  padding: 20px 0 5px;
  border-top: none;
}
/* 覆盖老主题在窄屏下给 footer 加的 #444 背景；窄屏允许自动换行 */
@media (max-width: 879px) {
  .footer { background: transparent; margin-left: 0; margin-right: 0; }
  .uimo.ui-c3 .footer { padding: 20px 0 5px; border-top: none; }
  .footer-inner .f-line { white-space: normal; }
}

/* ---------- 独立搜索结果页（/search/） ---------- */
.search-page { background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 18px 20px; }
.search-page-form { display: flex; gap: 8px; max-width: 520px; }
.search-page-form .form-control { flex: 1; min-width: 0; padding: 9px 12px; border: 1px solid #ccc; border-radius: 3px; font-size: 14px; box-sizing: border-box; }
.search-page-form .form-control:focus { outline: none; border-color: #e74c3c; box-shadow: 0 0 0 2px rgba(231,76,60,.15); }
.search-page-form .btn { padding: 9px 22px; background: #e74c3c; color: #fff; border: none; border-radius: 3px; cursor: pointer; font-size: 14px; white-space: nowrap; }
.search-page-form .btn:hover { background: #c0392b; }
.search-page-meta { margin: 14px 0 6px; color: #888; font-size: 13px; }
.search-page-results { list-style: none; margin: 0; padding: 0; }
.search-page-results li { padding: 11px 4px; border-bottom: 1px solid #f0f0f0; }
.search-page-results li a { color: #333; text-decoration: none; font-size: 14px; line-height: 1.5; }
.search-page-results li a:hover { color: #e74c3c; }
.search-page-results .no-result { color: #aaa; font-size: 14px; }

/* 覆盖老主题对栏目页/文章页 .content/.content-wrap 的左右 margin（style.css:548-549 给旧浮动布局预留 190/320 栏宽）。
   新布局用 flex 三栏，.col-center 已定宽 860px，内容应填满中间列，不能缩成中央窄条 */
.col-center .content-wrap { width: 100%; float: none; }
.col-center .content { margin: 0; padding: 0; min-height: 0; overflow: visible; }

/* 文章正文强制换行：防止长串连续字符（英文/数字/下划线等）撑破中间列，避免横向滚动条 */
.uimo .article-content,
body.uimo .col-center .article-content {
  overflow-wrap: anywhere;
  word-wrap: break-word;
  word-break: normal;
}
/* 文章内表格/媒体/代码块可能极宽，统一约束在中间列内，避免溢出压住右栏 */
body.uimo .col-center .article-content table {
  max-width: 100%;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
body.uimo .col-center .article-content img,
body.uimo .col-center .article-content iframe,
body.uimo .col-center .article-content embed,
body.uimo .col-center .article-content object,
body.uimo .col-center .article-content video,
body.uimo .col-center .article-content pre {
  max-width: 100%;
  height: auto;
}
/* 文章头部、标签、上下篇导航也做同样兜底 */
.uimo .article-header,
.uimo .article-tags,
.uimo .article-nav,
.col-center .article-header,
.col-center .article-tags,
.col-center .article-nav {
  overflow-wrap: anywhere;
  word-wrap: break-word;
}

/* ===== 栏目页 .cat-leader 头部区域对齐修复 =====
   问题：.content{padding:20px 25px} 把栏目头部挤成缩进状态，
   应该贴边满宽（与首页中栏一致）。同时修复无背景图时的文字可读性 */
.col-center .content > .cat-leader {
    margin: 0;
}
/* 无背景图时回退为深色文字（cat-leader-bg 但 bg 为空的情况） */
.col-center .content > .cat-leader.cat-leader-bg[style*="background-image:url()"],
.col-center .content > .cat-leader.cat-leader-bg {
    background-color: #f5f5f5;
    background-image: none !important;
    color: #333;
    text-shadow: none;
    height: auto;
    min-height: 100px;
}
.col-center .content > .cat-leader.cat-leader-bg h1 {
    color: #222;
    text-shadow: none;
    margin: 0;
    padding: 12px 0 16px;
}
.col-center .content > .cat-leader.cat-leader-bg .cat-leader-desc {
    color: #888;
    margin-top: 8px;
}
/* 标题下方红色装饰线居中对齐 */
/* ============================================================
 * 子版块文章列表：现代清爽横向卡片
 * ============================================================ */

/* 栏目头部：去掉空背景图，改成白底卡片 + 左侧主色竖线 */
.col-center .content > .cat-leader.cat-leader-bg {
  background: #fff;
  background-image: none !important;
  color: #333;
  text-shadow: none;
  height: auto;
  min-height: auto;
  padding: 20px 22px 18px;
  margin: 0 0 6px;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 8px 8px 0 0;
  box-sizing: border-box;
}
.col-center .content > .cat-leader.cat-leader-bg h1 {
  position: relative;
  color: #222;
  text-shadow: none;
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}
.col-center .content > .cat-leader.cat-leader-bg h1::after {
  display: none;
}
.col-center .content > .cat-leader.cat-leader-bg .cat-leader-desc {
  margin: 8px 0 0;
  padding-left: 0;
  color: #888;
  font-size: 13px;
  line-height: 1.5;
}

/* 覆盖老主题 .uimo .excerpt 的 padding/bg，让卡片式样式生效 */
.col-center .content .excerpt.excerpt-multi {
  display: flex;
  gap: 18px;
  padding: 18px 22px;
  margin: 0;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  transition: background .15s ease;
  box-sizing: border-box;
  overflow: hidden;
}
.col-center .content .excerpt.excerpt-multi:last-of-type {
  border-bottom: none;
  border-radius: 0 0 8px 8px;
}
.col-center .content .excerpt.excerpt-multi:hover {
  background: #fafafa;
}

/* 缩略图：固定比例，不再撑成大图 */
.excerpt-thumb-link {
  flex-shrink: 0;
  width: 170px;
  height: 106px;
  border-radius: 6px;
  overflow: hidden;
  background: #f5f5f5;
  display: block;
}
.excerpt-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}
.excerpt-thumb-link:hover .excerpt-thumb {
  transform: scale(1.06);
}

/* 文字区：垂直 flex，标题-摘要-元信息 */
.excerpt-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 2px 0;
}

/* 标题行：分类标签 + 标题 */
.excerpt-header {
  display: flex;
  align-items: baseline;
  gap: 10px;
  line-height: 1.45;
}
.excerpt-cat {
  flex-shrink: 0;
  display: inline-block;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1.5;
  color: #e74c3c;
  background: rgba(231,76,60,.08);
  border-radius: 4px;
  text-decoration: none;
  transition: background .15s;
}
.excerpt-cat:hover {
  background: rgba(231,76,60,.15);
  text-decoration: none;
}
.excerpt-cat .label-arrow { display: none; }

.excerpt-title {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
  color: #333;
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.excerpt-title a {
  display: block;
  color: #333;
  text-decoration: none;
  transition: color .15s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.excerpt-title a:hover {
  color: #e74c3c;
}

/* 摘要：2 行截断 */
.excerpt-note {
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 元信息：日期 + 阅读 */
.excerpt-meta {
  margin-top: auto;
  font-size: 12px;
  line-height: 1.5;
  color: #999;
  display: flex;
  gap: 18px;
}
.excerpt-date::before,
.excerpt-views::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ccc;
  margin-right: 6px;
  vertical-align: middle;
}

/* 清理旧 excerpt 结构残留的空白元素（如果模板遗留 header/time/focus/views） */
.col-center .content .excerpt header,
.col-center .content .excerpt .time,
.col-center .content .excerpt .focus,
.col-center .content .excerpt > .note,
.col-center .content .excerpt .views {
  display: none;
}

/* ===== 分页：一横排清爽风格（PC 一行，移动端自动折行）===== */
.pagination-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 12px;
  padding: 28px 0 10px;
}
.pagination-total {
  font-size: 13px;
  color: #888;
  white-space: nowrap;
}
.pagination.pagination-default {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
  background: transparent;
}
.pagination.pagination-default li {
  display: inline-flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pagination.pagination-default .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #555;
  background: #fff;
  border: 1px solid #e0e0e0;
  text-align: center;
  text-decoration: none;
  transition: all .15s ease;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  background-clip: padding-box;
  outline: none;
}
.pagination.pagination-default .page-link > span {
  line-height: 1;
  display: inline-block;
}
.pagination.pagination-default .page-link:hover,
.pagination.pagination-default .page-item.active .page-link {
  color: #fff;
  background: #e74c3c;
  border-color: #e74c3c;
}
.pagination.pagination-default .page-item.active .page-link {
  cursor: default;
}
.pagination.pagination-default .page-item.disabled .page-link {
  color: #ccc;
  background: #f8f8f8;
  border-color: #eee;
  cursor: not-allowed;
}
/* 首页 / 末页 / 上一页 / 下一页：替换默认符号 */
.pagination.pagination-default .page-item:first-child .page-link span,
.pagination.pagination-default .page-item:last-child .page-link span,
.pagination.pagination-default .page-item:first-child + .page-item .page-link span,
.pagination.pagination-default .page-item:nth-last-child(2) .page-link span {
  font-size: 0;
}
.pagination.pagination-default .page-item:first-child .page-link span::before {
  content: "首页";
  font-size: 13px;
}
.pagination.pagination-default .page-item:first-child + .page-item .page-link span::before {
  content: "上一页";
  font-size: 13px;
}
.pagination.pagination-default .page-item:nth-last-child(2) .page-link span::before {
  content: "下一页";
  font-size: 13px;
}
.pagination.pagination-default .page-item:last-child .page-link span::before {
  content: "末页";
  font-size: 13px;
}
/* 页码跳转 */
.pagination-jump {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #666;
  white-space: nowrap;
}
.jump-input {
  width: 52px;
  height: 34px;
  padding: 0 6px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 13px;
  text-align: center;
  color: #555;
  background: #fff;
  box-sizing: border-box;
}
.jump-input:focus {
  outline: none;
  border-color: #e74c3c;
}
.jump-btn {
  height: 34px;
  padding: 0 14px;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  background: #e74c3c;
  cursor: pointer;
  transition: background .2s ease;
}
.jump-btn:hover {
  background: #c0392b;
}
/* 移动端：整体允许折行，保留必要按钮，跳转居下 */
@media (max-width: 720px) {
  .pagination-wrap {
    flex-direction: column;
    gap: 12px;
  }
  .pagination.pagination-default {
    gap: 6px;
    flex-wrap: wrap;
  }
  .pagination.pagination-default .page-item {
    display: none;
  }
  .pagination.pagination-default .page-item:first-child,
  .pagination.pagination-default .page-item:first-child + .page-item,
  .pagination.pagination-default .page-item.active,
  .pagination.pagination-default .page-item:nth-last-child(2),
  .pagination.pagination-default .page-item:last-child {
    display: inline-flex;
  }
  .pagination-jump {
    width: 100%;
    justify-content: center;
  }
}

/* 窄屏适配：卡片上下堆叠 */
@media (max-width: 768px) {
  .col-center .content .excerpt.excerpt-multi {
    flex-direction: column;
    gap: 12px;
    padding: 16px;
  }
  .excerpt-thumb-link {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
  }
  .excerpt-header {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .col-center .content > .cat-leader.cat-leader-bg {
    padding: 16px;
  }
}

/* ===== 文章正文排版：对齐三证联培官网 .guide-content 风格 =====
   来源：szlp themes/szlp/static/css/style.css 的 .guide-content 块(170-273行)
   颜色映射：--primary(#1a4a8a蓝)→#e74c3c(ymsj主红)；--primary-dark→#c0392b；
   --text→#333；--text-light→#666；--accent(blockquote左条)→#e74c3c；--border→#eee */
body.uimo .col-center .article-content {
  line-height: 32px;
  color: #333;
  font-size: 16px;
}
body.uimo .col-center .article-content h2 {
  color: #e74c3c;
  font-size: 22px;
  font-weight: 600;
  margin: 40px 0 19px;
  text-align: left;
}
body.uimo .col-center .article-content h2::after { display: none; }
body.uimo .col-center .article-content h3 {
  color: #c0392b;
  font-size: 18px;
  font-weight: 600;
  margin: 32px 0 16px;
}
body.uimo .col-center .article-content p {
  margin-bottom: 19px;
  text-align: justify;
}
}
body.uimo .col-center .article-content ul,
body.uimo .col-center .article-content ol {
  margin: 16px 0 19px 24px;
}
body.uimo .col-center .article-content li { margin-bottom: 8px; }
body.uimo .col-center .article-content blockquote {
  border-left: 4px solid #e74c3c;
  background: #f8f8f8;
  padding: 16px 24px;
  margin: 24px 0;
  color: #555;
  font-size: 15px;
  border-radius: 0 4px 4px 0;
}
body.uimo .col-center .article-content strong { color: #c0392b; }
body.uimo .col-center .article-content hr {
  border: none;
  border-top: 1px solid #eee;
  margin: 32px 0;
}
body.uimo .col-center .article-content code {
  background: #f0f0f0;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 14px;
}


/* ===== 文章正文媒体：图片/视频/图说间距对齐三证联培 ===== */
body.uimo .col-center .article-content img {
  display: block;
  margin: 24px auto;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
body.uimo .col-center .article-content img:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}
body.uimo .col-center .article-content iframe,
body.uimo .col-center .article-content iframe,
body.uimo .col-center .article-content video,
body.uimo .col-center .article-content embed {
  display: block;
  margin: 24px auto;
  width: 100% !important;
  max-width: 860px;
  height: auto !important;
  aspect-ratio: 16 / 9;
}
body.uimo .col-center .article-content figure {
  margin: 24px 0;
  text-align: center;
}
body.uimo .col-center .article-content figcaption {
  color: #888;
  font-size: 14px;
  margin-top: 8px;
  margin-bottom: 0;
  text-align: center;
}
body.uimo .col-center .article-content .wp-caption {
  margin: 24px 0;
  padding: 0;
  background: transparent;
  border: none;
  max-width: 100%;
  text-align: center;
}
body.uimo .col-center .article-content .wp-caption img {
  margin: 0 auto 8px;
}
body.uimo .col-center .article-content .wp-caption-text {
  color: #888;
  font-size: 14px;
  margin: 0;
}
body.uimo .col-center .article-content .alignnone,
body.uimo .col-center .article-content .aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
  float: none;
}
body.uimo .col-center .article-content .alignleft {
  float: left;
  margin: 12px 20px 12px 0;
}
body.uimo .col-center .article-content .alignright {
  float: right;
  margin: 12px 0 12px 20px;
}