/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.5.1752818250
Updated: 2025-07-18 00:57:30
/* == 搜索结果：响应式 4 列网格 == */
.zs-grid {
  display: grid;
  /* 列间距(水平) 设置为 16px，行间距(垂直)保持 24px */
  gap: 6px 6px;   /* 第一个值垂直，第二个值水平 */
  grid-template-columns: repeat(3, 1fr);
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .zs-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .zs-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .zs-grid { grid-template-columns: 1fr; }
}
/* == 卡片容器：去掉背景色和圆角，只留布局和交互 == */
.zs-item {
  background: transparent;    /* 去掉深色背景 */
  padding: 0;                 /* 去掉内边距 */
  display: block;
  text-align: center;
  text-decoration: none;
  transition: transform .2s ease;
}
.zs-item:hover {
  transform: translateY(-4px);
}

/* == 缩略图：固定为 300×300，保持等比裁剪（或裁框居中） == */
.zs-thumb {
  width: 300px;
  height: 300px;
  margin: 0 auto 12px;
  overflow: hidden;
}
.zs-thumb img {
  width: 300px;
  height: 300px;
  object-fit: cover;  /* 保持等比填满框 */
  display: block;
}

/* == 标题：指定新配色 == */
.zs-title {
  font-size: 22px;
  font-weight: 600;
  color: #3AA6B9 !important;  /* 新的蓝绿色 */
  margin: 0 0 8px;
}

/* == hm_no 字段：保持原黑色（如需更改自行调整） == */
.zs-hm {
  font-size: 18px;
  font-weight: 400;
  color: #000 !important;
  margin: 0;
}