/* VIPZAI PC 标签聚合页：noindex 页面，仅负责可用性与统一视觉 */
body.vip-tag-template {
  margin: 0;
  color: var(--vip-text, #555);
  background: var(--vip-bg-soft, #f7f8fa);
  font-family: var(--vip-font, "Microsoft YaHei", "PingFang SC", Arial, sans-serif);
}
body.vip-tag-template * { box-sizing: border-box; }
.vip-tag-template a { color: inherit; text-decoration: none; }
.vip-tag-container { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.vip-tag-site-header { background: var(--vip-white, #fff); border-bottom: 1px solid var(--vip-border, #e5e9ed); }
.vip-tag-header-inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.vip-tag-brand img { display: block; width: auto; max-width: 220px; height: 56px; object-fit: contain; }
.vip-tag-nav { display: flex; align-items: center; gap: 26px; color: var(--vip-heading, #222); }
.vip-tag-nav a:hover { color: var(--vip-primary, #116bc4); }
.vip-tag-main { padding: 28px 0 52px; }
.vip-tag-breadcrumb { display: flex; gap: 9px; align-items: center; margin-bottom: 18px; color: var(--vip-muted, #777); font-size: 14px; }
.vip-tag-breadcrumb a:hover { color: var(--vip-primary, #116bc4); }
.vip-tag-page-head { padding: 28px 32px; background: var(--vip-white, #fff); border-top: 3px solid var(--vip-primary, #116bc4); }
.vip-tag-eyebrow { margin: 0 0 8px; color: var(--vip-primary, #116bc4); }
.vip-tag-page-head h1 { margin: 0; color: var(--vip-heading, #222); font-size: 28px; line-height: 1.35; }
.vip-tag-page-head p:last-child { margin: 10px 0 0; }
.vip-tag-list { margin-top: 18px; display: grid; gap: 14px; }
.vip-tag-card { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 22px; padding: 18px; background: var(--vip-white, #fff); border: 1px solid var(--vip-border, #e5e9ed); }
.vip-tag-card-image { aspect-ratio: 4 / 3; overflow: hidden; background: var(--vip-border-soft, #eef1f4); }
.vip-tag-card-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vip-tag-card-body { min-width: 0; }
.vip-tag-card-meta { margin: 0 0 8px; color: var(--vip-primary, #116bc4); font-size: 14px; }
.vip-tag-card h2 { margin: 0; color: var(--vip-heading, #222); font-size: 20px; line-height: 1.45; }
.vip-tag-card h2 a:hover { color: var(--vip-primary, #116bc4); }
.vip-tag-card-body > p:last-child { margin: 11px 0 0; line-height: 1.75; }
.vip-tag-pagination { margin-top: 22px; display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; }
.vip-tag-pagination a, .vip-tag-pagination span, .vip-tag-pagination strong { min-width: 38px; min-height: 38px; padding: 7px 11px; display: inline-flex; align-items: center; justify-content: center; background: var(--vip-white, #fff); border: 1px solid var(--vip-border, #e5e9ed); }
.vip-tag-pagination .active, .vip-tag-pagination strong { color: var(--vip-white, #fff); background: var(--vip-primary, #116bc4); border-color: var(--vip-primary, #116bc4); }
.vip-tag-cta { margin-top: 28px; padding: 26px 30px; display: flex; align-items: center; justify-content: space-between; gap: 28px; color: var(--vip-white, #fff); background: var(--vip-surface-dark, #173a54); }
.vip-tag-cta h2 { margin: 0 0 7px; font-size: 22px; }
.vip-tag-cta p { margin: 0; opacity: .85; }
.vip-tag-cta > a { flex: 0 0 auto; padding: 12px 22px; color: var(--vip-white, #fff); background: var(--vip-accent, #f47a2a); border: 1px solid var(--vip-accent, #f47a2a); }
.vip-tag-site-footer { padding: 22px 0; color: var(--vip-muted, #777); background: var(--vip-white, #fff); border-top: 1px solid var(--vip-border, #e5e9ed); text-align: center; }
.vip-tag-site-footer a { color: var(--vip-primary, #116bc4); }
@media (max-width: 860px) {
  .vip-tag-nav { display: none; }
  .vip-tag-card { grid-template-columns: 180px minmax(0, 1fr); }
}
@media (max-width: 620px) {
  .vip-tag-container { width: min(100% - 12px, 1180px); }
  .vip-tag-card { grid-template-columns: 112px minmax(0, 1fr); gap: 12px; padding: 12px; }
  .vip-tag-card h2 { font-size: 17px; }
  .vip-tag-card-body > p:last-child { display: none; }
  .vip-tag-cta { align-items: stretch; flex-direction: column; }
  .vip-tag-cta > a { text-align: center; }
}
