/*!
 * 访客小板报（侧边栏卡片）
 * 由 _config.anzhiyu.yml 的 inject.head 引入
 *
 * 外框完全交给主题的 #aside-content .card-widget（圆角 / 阴影 / 背景 / 深色模式），
 * 标题交给 #aside-content .item-headline，这里只做窄栏内的排版微调。
 */

#visitor-board .item-headline {
  margin-left: 0;
  margin-bottom: 0.2rem;
}

#visitor-board .vb-line {
  font-size: 0.85rem;
  line-height: 1.75;
  word-break: break-word;
}

#visitor-board .vb-line + .vb-line {
  margin-top: 0.1rem;
}

#visitor-board .vb-line:empty {
  display: none;
}

#visitor-board .vb-strong {
  color: var(--anzhiyu-main, #425aef);
  font-weight: 600;
}

#visitor-board .vb-temp {
  color: var(--anzhiyu-main, #425aef);
  font-weight: 700;
  font-size: 1.08em;
}

#visitor-board .vb-sub {
  font-size: 0.92em;
  opacity: 0.7;
}

#visitor-board .vb-ip {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.95em;
  word-break: break-all;
}

#visitor-board .vb-muted {
  opacity: 0.6;
}

/* 天气那行在窄栏里通常要折行，行高放宽一点更好读 */
#visitor-board .vb-weather {
  line-height: 1.95;
}

/* 数据回来之前的骨架占位，避免卡片高度跳动 */
#visitor-board .vb-line.is-loading {
  display: inline-block;
  min-width: 8rem;
  height: 1em;
  vertical-align: middle;
  border-radius: 4px;
  background: var(--anzhiyu-secondbg, #f7f7f9);
  animation: vb-pulse 1.4s ease-in-out infinite;
}

@keyframes vb-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.45; }
}

/* 侧边栏被折叠（单栏模式）时不会有这个卡片，无需额外处理 */