/* ============================================================
   site.css — 本地静态站补充样式
   1. 把原站 CDN 字体（8~11MB OTF）映射到系统字体，保证秒开
   2. wow 动画初始态 / lightbox 灯箱样式 / 移动端微调
   ============================================================ */

/* ---------- 字体映射：把建站平台字体名指向系统字体 ---------- */
@font-face {
  font-family: 'siyuanheiti-light';
  src: local('Source Han Sans CN Light'), local('SourceHanSansCN-Light'),
       local('PingFang SC Light'), local('PingFangSC-Light'),
       local('PingFang SC'), local('Hiragino Sans GB'),
       local('Microsoft YaHei Light'), local('Microsoft YaHei');
  font-weight: 300;
}
@font-face {
  font-family: 'siyuanheiti-regular';
  src: local('Source Han Sans CN Regular'), local('SourceHanSansCN-Regular'),
       local('PingFang SC Regular'), local('PingFangSC-Regular'),
       local('PingFang SC'), local('Hiragino Sans GB'), local('Microsoft YaHei');
  font-weight: 400;
}
@font-face {
  font-family: 'siyuansongti';
  font-style: normal;
  src: local('Songti SC'), local('SongtiSC'), local('SimSun'), local('Source Han Serif CN');
}
@font-face {
  font-family: 'siyuansongti-Regular';
  src: local('Songti SC'), local('SongtiSC'), local('SimSun'), local('Source Han Serif CN');
}
@font-face {
  font-family: 'kaiti';
  src: local('Kaiti SC'), local('KaiTi'), local('STKaiti');
}
@font-face {
  font-family: 'fangsong';
  src: local('FangSong'), local('STFangsong');
}
@font-face {
  font-family: 'helveticaneue-light';
  src: local('HelveticaNeue-Light'), local('Helvetica Neue'), local('Helvetica');
  font-weight: 300;
}
@font-face {
  font-family: 'tahoma';
  src: local('Tahoma');
}
/* 站酷系列 / Noto CJK 系列没有系统同名字体，回落到苹方或思源 */
@font-face {
  font-family: 'kugaoduanhei';
  src: local('PingFang SC Medium'), local('PingFang SC'), local('Microsoft YaHei');
  font-weight: 500;
}
@font-face {
  font-family: 'kuaileti';
  src: local('PingFang SC'), local('Hiragino Sans GB'), local('Microsoft YaHei');
}
@font-face {
  font-family: 'yiwenti';
  src: local('PingFang SC Light'), local('PingFang SC'), local('Microsoft YaHei Light');
  font-weight: 300;
}
@font-face {
  font-family: 'NotoSansCJKsc-Thin';
  src: local('PingFang SC Thin'), local('PingFang SC'), local('Microsoft YaHei');
  font-weight: 100;
}
@font-face {
  font-family: 'NotoSansCJKsc-DemiLight';
  src: local('PingFang SC Light'), local('PingFang SC'), local('Microsoft YaHei Light');
  font-weight: 300;
}
@font-face {
  font-family: 'NotoSansCJKsc-Light';
  src: local('PingFang SC Light'), local('PingFang SC'), local('Microsoft YaHei Light');
  font-weight: 300;
}
@font-face {
  font-family: 'NotoSansCJKsc-Regular';
  src: local('PingFang SC Regular'), local('PingFang SC'), local('Microsoft YaHei');
  font-weight: 400;
}
@font-face {
  font-family: 'NotoSansCJKsc-Medium';
  src: local('PingFang SC Medium'), local('PingFang SC'), local('Microsoft YaHei');
  font-weight: 500;
}
@font-face {
  font-family: 'NotoSansCJKsc-Bold';
  src: local('PingFang SC Semibold'), local('PingFang SC Medium'), local('Microsoft YaHei');
  font-weight: 600;
}
@font-face {
  font-family: 'NotoSansCJKsc-Black';
  src: local('PingFang SC Semibold'), local('PingFang SC Medium'), local('Microsoft YaHei');
  font-weight: 800;
}

/* 兜底：任何漏网字体名都回落到系统中文字体栈 */
body {
  font-family: 'siyuanheiti-light', 'Source Han Sans CN', 'Noto Sans SC',
               'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
}

/* ---------- wow 动画初始态（由 main.js 注入，避免无 JS 时白屏） ---------- */

/* ---------- Lightbox 灯箱 ---------- */
.cx-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.92);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: zoom-out;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.cx-lightbox.show { opacity: 1; }
.cx-lightbox img {
  max-width: 94vw;
  max-height: 94vh;
  object-fit: contain;
  cursor: default;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
.cx-lightbox .cx-lb-close {
  position: absolute;
  top: 24px;
  right: 32px;
  color: #fff;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  opacity: 0.7;
}
.cx-lightbox .cx-lb-close:hover { opacity: 1; }

/* ---------- 图片可点击提示 ---------- */
.cx-zoomable { cursor: zoom-in; }

/* ---------- 移动端：让作品网格与长图不被裁切 ---------- */
@media (max-width: 768px) {
  .zz-container { padding-left: 16px; padding-right: 16px; }
  img { max-width: 100%; height: auto; }
}

/* ============================================================
   移动端适配（本站只有 PC 单版本页面，需在此补齐手机端行为）
   ============================================================ */
@media (max-width: 767px) {
  /* 手机端显示顶部导航（原站手机版由建站平台单独渲染，静态站需自行开启） */
  .zz-comp-block-wrap.hidden-mobile {
    display: block !important;
  }
  .zz-comp-menu .zz-menu {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start !important;
    width: 100% !important;
  }
  .zz-page-layout .zz-container {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* 轮播箭头在小屏上贴边溢出，隐藏（手机滑动即可） */
  .zz-comp-banner .swiper-button-next,
  .zz-comp-banner .swiper-button-prev {
    display: none;
  }
  /* 大图不溢出 */
  img {
    max-width: 100%;
    height: auto;
  }
}