/* 依赖：vipzai-design-system.css
 * VIPZAI PC 列表页统一样式
 * 作用范围：body.vip-list-template
 * 仅补足新语义标签和列表页简介，不修改旧站全局结构。
 */

.vip-list-template,
.vip-list-template * {
  box-sizing: border-box;
}

.vip-list-template .vip-skip-link {
  position: fixed;
  left: 12px;
  top: -80px;
  z-index: 99999;
  padding: 10px 14px;
  background: var(--vip-white);
  color: var(--vip-primary);
  border: 1px solid var(--vip-primary);
}

.vip-list-template .vip-skip-link:focus {
  top: 12px;
}

.vip-list-template .location h1 {
  margin: 0;
  font-size: 20px;
  line-height: 1.5;
  color: var(--vip-heading);
}

.vip-list-template .vip-list-intro {
  margin: -8px 0 24px;
  padding: 14px 18px;
  color: var(--vip-text-soft);
  line-height: 1.8;
  background: var(--vip-bg-soft);
  border-left: 3px solid var(--vip-primary);
}

.vip-list-template .txtimglist .item {
  width: 100%;
}

.vip-list-template .txtimglist .item img {
  object-fit: cover;
}

.vip-list-template .txtimglist .item h2 {
  margin: 0;
  padding: 22px 0 15px;
  font-size: 18px;
  color: var(--vip-heading);
  transition: all .5s;
}

.vip-list-template .txtimglist .item:hover h2 {
  color: var(--vip-primary);
  text-indent: 10px;
}

.vip-list-template .txtimglist .item .txt {
  margin: 0;
}

.vip-list-template .txtimglist .item .time {
  text-decoration: none;
}

.vip-list-template .gridlist .item h2 {
  height: 36px;
  margin: 0;
  padding-top: 8px;
  overflow: hidden;
  color: var(--vip-heading);
  line-height: 28px;
  text-align: center;
  font-size: inherit;
  font-weight: normal;
}

.vip-list-template .gridlist .item:hover h2 {
  color: var(--vip-primary);
}

.vip-list-template .gridlist .item img {
  object-fit: cover;
}

.vip-list-template .pglist {
  clear: both;
}