/*
Theme Name: 企业模板 12 · 变体 A（靛紫）
Template: revive-metric
Description: 变体 A（靛紫）：数据看板配色改为靛紫与品红强调（仅配色变量，不改结构）
Version: 1.0.0
Template Version: v1.0.0
*/

:root {
  --rv-primary: #312a52;
  --rv-primary-dark: #221d3b;
  --rv-primary-light: #ece9f6;
  --rv-accent: #7c5cd6;
  --rv-accent-dark: #6344bf;
  --rv-dark: #1d1932;
  --rv-dark-2: #292344;
  --rv-text: #26203c;
  --rv-text-2: #5d5679;
  --rv-text-3: #69748a;
  --rv-line: #e4e1ef;
  --rv-line-2: #f0eef7;
  --rv-bg: #ffffff;
  --rv-bg-2: #f6f5fb;
  --rv-bg-3: #eceaf6;
}

/* rv-header-fix v1 */
.logo img + span, .logo img ~ span.host { display: none !important; }
.logo > span > b { display: inline-block; max-width: 44vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
@media (max-width: 782px) {
  .logo > span > b { max-width: 38vw; font-size: 16px; }
  .logo .host { display: none !important; }
  .hdr .wrap { gap: 8px; }
}

/* rv-imgfix v2 */
img[src=""], img:not([src]), img[src="#"] { display: none !important; }
.hero .imgbox, .hero .pic, .ban, .heroimg { background: linear-gradient(135deg,var(--in-key,#1e5e5e) 0%, #16324a 100%); }

/* rv-ux-fix v1 —— 移动端自适应与占位清理 */
html, body { max-width: 100%; overflow-x: hidden; }
img, video, iframe, table { max-width: 100%; }
.entry-content table, .post-content table, article table, .content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.wrap, .container, .entry-content, .post-content, article { overflow-wrap: break-word; word-break: break-word; }
/* count-zero read-counter hidden */
.post-views:empty, .view-count:empty, .read-count:empty { display: none; }

/* ===== rv-navfix v1 —— 顶层导航修复：菜单输出无 <ul>，容器须自身 flex（否则 li 竖排堆叠） ===== */
@media (min-width: 769px) {
  .mt-header-inner { flex-wrap: wrap !important; row-gap: 0; }
  .mt-logo { flex: 0 0 auto !important; }
  .mt-nav { display: flex !important; align-items: center; flex-wrap: nowrap; gap: 22px;
            order: 9; width: 100% !important; margin-left: 0 !important;
            overflow-x: auto !important; overflow-y: hidden !important;
            -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .mt-nav::-webkit-scrollbar { display: none; height: 0; }
  .mt-nav > li { position: relative; list-style: none !important; margin: 0 !important; flex: 0 0 auto; }
  .mt-nav > li > a { display: block; padding: 6px 0; font-size: 15px; color: var(--rv-text-2); white-space: nowrap; }
  .mt-nav > li > a:hover { color: var(--rv-primary); }
  .mt-nav-close { display: none !important; }
}