/* 大野艺库 —— 自建样式（Webflow 导出后的补充，勿写回 daye-site.webflow.css）
   作者：阿邦  2026-09-24

   1) 首页作品列表：作品比例差异很大（有 18×55cm 的长卷，也有 23×31cm 的竖幅），
      原模板给单张卡片用的 3 列 grid 在 7 张卡片下会把说明文字挤得对不齐，
      这里改用多列瀑布流：每件作品保持原始比例，说明文字紧跟图片。
   2) 首页作品卡的「作品名 + 艺术家」两行说明。
   3) 详情页作品规格下方的补充说明（如「入选/入围 某展」）。
   4) 无资料照的艺术家：资料栏占满整行，避免留半栏空白。
   5) 详情页「艺术家资料 / 个展 / 部分联展 / 参展与获奖」分类版式
      （沿用 blog.html 原有区块结构，仅细化排版）。
   6) 详情页「艺术家资料」小字标签 → 艺术家姓名 之间固定 60px。 */

/* —— 首页作品列表：多列瀑布流 —— */
.jeans {
  display: block;
  column-gap: 16px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 25px;
}

@media screen and (min-width: 992px) {
  .jeans { columns: 3; }
}

@media screen and (min-width: 640px) and (max-width: 991px) {
  .jeans { columns: 2; }
}

@media screen and (max-width: 639px) {
  .jeans { columns: 1; }
}

.work-card {
  display: block;
  width: 100%;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 26px;
}

/* —— 首页作品卡的文字 —— */
.work-card .title {
  margin-bottom: 4px;
}

.work-card .work-artist {
  color: #8c7a67;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.work-card .work-stock-mark {
  color: #8c7a67;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 4px;
}

/* —— 详情页：规格下方的补充说明 —— */
.work-note {
  color: #8c7a67;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  margin-top: 10px;
}

/* —— 艺术家无资料照时，资料栏占满两列 —— */
.space-hero_list-item.no-photo .div-block-8 {
  grid-column: span 2 / span 2;
}

/* ============================================================
   详情页「分类版式」：艺术家资料 / 个展 / 部分联展 / 参展与获奖
   版式沿用 blog.html 原有的个展、联展区块（小字标签 + 年份分组 + 虚线分隔），
   这里只做精细化的排版调整，不改动 Webflow 产物本身。
   ============================================================ */

/* 1) 艺术家资料：原为一整段连排，现改为逐行叙述 */
.bio-lines > div + div {
  margin-top: 5px;
}

/* 2) 年份分两层：「年份 | 条目组」。
      Webflow 导出时年份和所有条目平铺在同一个 3 列网格里，年份占第 1 列，
      条目一多就换行落回第 1 列，被挤成 1/3 宽（版面上那些竖着断行的窄条）。
      这里把条目收进 .cred-items，年份固定窄列，条目组自适应填满。 */
.space-hero_list-item-copy .space-hero_text-copy,
.space-hero_list-item-copy .space-hero_text-copy._02 {
  grid-template-columns: 4.5rem 1fr;
  grid-template-rows: auto;
  grid-column-gap: 24px;
  align-items: start;
}

.space-hero_list-item-copy .cred-items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 24px;
  min-width: 0;
}

.space-hero_list-item-copy .cred-items > div {
  flex: 1 1 8.5rem;
  min-width: 0; /* 允许长条目正常换行 */
}

/* 年份用等宽数字，纵向对齐更整齐 */
.space-hero_list-item-copy .space-hero_text-copy > .text-size-regular {
  font-variant-numeric: tabular-nums;
}

/* 条目正文行距 */
.space-hero_list-item-copy .text-block-6 {
  line-height: 1.5;
}

.space-hero_list-item-copy .text-block-7 {
  line-height: 1.55;
}

/* 3) 年份组之间加一条更淡的虚线，分组边界看得清 */
.space-hero_list-item-copy .space-hero_text-copy + .space-hero_text-copy {
  border-top: 1px dashed #f1efec;
  padding-top: 18px;
}

/* —— 平板 / 手机：年份列收窄，条目基本一行一条 —— */
@media screen and (max-width: 991px) {
  .space-hero_list-item-copy .space-hero_text-copy,
  .space-hero_list-item-copy .space-hero_text-copy._02 {
    grid-template-columns: 3.25rem 1fr;
    grid-column-gap: 16px;
  }

  .space-hero_list-item-copy .cred-items {
    gap: 16px;
  }

  .space-hero_list-item-copy .space-hero_text-copy + .space-hero_text-copy {
    padding-top: 16px;
  }
}

/* ============================================================
   6) 详情页「艺术家资料」区块：小字标签 → 艺术家姓名 之间固定 60px 间距
   ------------------------------------------------------------
   .div-block-8 是纵向 flex，里面正好两个子元素：
     .div-block-9  图标 + 「艺术家资料」小字标签
     匿名 div      .text-block-4 姓名 + .text-block-5 简介
   原模板两块紧贴（盒间距 0，只靠行高留出约 20px 空白），
   这里给容器加 row-gap: 60px。每页 .div-block-8 只出现一次（就是资料区），
   改动只作用于这一处间距。
   ============================================================ */
.div-block-8 {
  row-gap: 60px;
}