/* VIPZAI 手机标签聚合页：noindex 页面，仅负责可用性与统一视觉 */
body.m-tag-template {
  margin: 0;
  padding-bottom: 64px;
  color: var(--vip-text, #555);
  background: var(--vip-bg-soft, #f7f8fa);
  font-family: var(--vip-font, "Microsoft YaHei", "PingFang SC", Arial, sans-serif);
}
body.m-tag-template * { box-sizing: border-box; }
.m-tag-template a { color: inherit; text-decoration: none; }
.m-tag-site-header { min-height: 62px; padding: 8px 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--vip-white, #fff); border-bottom: 1px solid var(--vip-border, #e5e9ed); }
.m-tag-brand img { display: block; width: auto; max-width: 180px; height: 46px; object-fit: contain; }
.m-tag-contact { padding: 9px 14px; color: var(--vip-white, #fff) !important; background: var(--vip-primary, #116bc4); }
.m-tag-main { padding: 10px 6px 26px; }
.m-tag-breadcrumb { display: flex; align-items: center; gap: 7px; margin: 3px 4px 10px; color: var(--vip-muted, #777); font-size: 13px; }
.m-tag-page-head { padding: 19px 16px; background: var(--vip-white, #fff); border-top: 3px solid var(--vip-primary, #116bc4); }
.m-tag-eyebrow { margin: 0 0 7px; color: var(--vip-primary, #116bc4); font-size: 13px; }
.m-tag-page-head h1 { margin: 0; color: var(--vip-heading, #222); font-size: 23px; line-height: 1.4; }
.m-tag-page-head p:last-child { margin: 8px 0 0; line-height: 1.7; }
.m-tag-list { margin-top: 10px; display: grid; gap: 9px; }
.m-tag-card { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 11px; padding: 11px; background: var(--vip-white, #fff); border: 1px solid var(--vip-border, #e5e9ed); }
.m-tag-card-image { aspect-ratio: 4 / 3; overflow: hidden; background: var(--vip-border-soft, #eef1f4); }
.m-tag-card-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.m-tag-card-body { min-width: 0; }
.m-tag-card-meta { margin: 0 0 5px; color: var(--vip-primary, #116bc4); font-size: 12px; }
.m-tag-card h2 { margin: 0; color: var(--vip-heading, #222); font-size: 16px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.m-tag-card-body > p:last-child { margin: 6px 0 0; font-size: 13px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.m-tag-pagination { margin: 18px 0 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; }
.m-tag-pagination a, .m-tag-pagination span, .m-tag-pagination strong { min-width: 36px; min-height: 36px; padding: 6px 9px; display: inline-flex; align-items: center; justify-content: center; background: var(--vip-white, #fff); border: 1px solid var(--vip-border, #e5e9ed); }
.m-tag-pagination .active, .m-tag-pagination strong { color: var(--vip-white, #fff); background: var(--vip-primary, #116bc4); border-color: var(--vip-primary, #116bc4); }
.m-tag-cta { margin-top: 18px; padding: 20px 16px; color: var(--vip-white, #fff); background: var(--vip-surface-dark, #173a54); }
.m-tag-cta h2 { margin: 0 0 7px; font-size: 20px; }
.m-tag-cta p { margin: 0 0 14px; opacity: .85; line-height: 1.65; }
.m-tag-cta a { display: block; padding: 11px 16px; color: var(--vip-white, #fff); background: var(--vip-accent, #f47a2a); text-align: center; }
.m-tag-site-footer { position: fixed; z-index: 70; right: 0; bottom: 0; left: 0; min-height: 56px; display: grid; grid-template-columns: repeat(4, 1fr); background: var(--vip-white, #fff); border-top: 1px solid var(--vip-border, #e5e9ed); }
.m-tag-site-footer a { display: flex; align-items: center; justify-content: center; color: var(--vip-heading, #222); font-size: 14px; }
