/* =====================================================
   夏时光影像 · 主创团队板块
   电影杂志感 · A24 / Caviar 风格 · 米白配色
   设计语言与 liuda.html (sx-adv) 完全统一
   ===================================================== */
.sx-tm {
  --cream: #F3ECDC;
  --gold: #B89968;
  --gold-soft: rgba(184, 153, 104, 0.22);
  --gold-line: rgba(184, 153, 104, 0.4);
  --ink: #2A2520;
  --ink-soft: #5B4F44;
  --ink-mute: #8C7E6E;
  --paper: #FAF6EC;

  width: 100%;
  padding: 50px 5% 40px;
  background: var(--cream);
  position: relative;
  overflow: hidden;
  font-family: '阿里普惠', 'SimSun', 'Songti SC', 'STSong', 'Noto Serif SC', serif;
  color: var(--ink);
  background-image:
    radial-gradient(circle at 90% 12%, rgba(184,153,104,0.10) 0%, transparent 38%),
    radial-gradient(circle at 8% 88%, rgba(42,37,32,0.05) 0%, transparent 42%),
    linear-gradient(180deg, #F3ECDC 0%, #EFE6D2 100%);
}

/* ========== 大号英文水印（背景） ========== */
.sx-tm::before {
  content: "CREW";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 380px;
  font-weight: 700;
  font-style: italic;
  color: var(--ink);
  opacity: 0.025;
  z-index: 0;
  line-height: 1;
  letter-spacing: -10px;
  pointer-events: none;
  white-space: nowrap;
}

/* 左侧细金线 */
.sx-tm::after {
  content: "";
  position: absolute;
  top: 12%;
  left: 6%;
  width: 1px;
  height: 76%;
  background: linear-gradient(180deg, transparent, var(--gold-line) 18%, var(--gold-line) 82%, transparent);
  z-index: 1;
}

.sx-tm-container {
  max-width: 1360px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* ========== 顶部标题区 ========== */
.sx-tm-header {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 36px;
  border-bottom: 1px solid var(--gold-line);
  overflow: hidden;
}
.sx-tm-header::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 80px;
  height: 2px;
  background: var(--gold);
}

/* Eyebrow 错落小行 */
.sx-tm-eyebrow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}
.sx-tm-eb-num {
  font-size: 12px;
  letter-spacing: 2px;
  color: var(--gold);
  font-style: italic;
  font-weight: 500;
  padding: 4px 10px;
  border: 1px solid var(--gold);
  border-radius: 1px;
  font-family: Georgia, 'Times New Roman', serif;
}
.sx-tm-eb-sep {
  color: var(--ink-mute);
  font-size: 14px;
  opacity: 0.5;
}
.sx-tm-eb-en {
  font-size: 11px;
  letter-spacing: 3px;
  color: var(--ink-soft);
  font-style: italic;
  text-transform: uppercase;
  font-weight: 500;
  font-family: Georgia, 'Times New Roman', serif;
}
.sx-tm-eb-cn {
  font-size: 14px;
  letter-spacing: 4px;
  color: var(--ink);
  font-weight: 500;
}

/* 顶部细金线 + 文本 */
.sx-tm-hl {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 60px;
  font-size: 10px;
  letter-spacing: 4px;
  color: var(--ink-mute);
  font-family: Georgia, 'Times New Roman', serif;
}
.sx-tm-hl-dash {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold) 50%, transparent);
  max-width: 220px;
  opacity: 0.6;
}
.sx-tm-hl-text {
  font-style: italic;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--ink-soft);
}

/* 大号英文水印 */
.sx-tm-watermark {
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 240px;
  font-weight: 700;
  font-style: italic;
  color: var(--ink);
  opacity: 0.025;
  letter-spacing: -8px;
  line-height: 0.85;
  pointer-events: none;
  z-index: 0;
  white-space: nowrap;
}

/* 三行中英文交错主标题 */
.sx-tm-title {
  position: relative;
  z-index: 1;
  margin: 0 0 30px;
  padding: 0;
  line-height: 1;
}
.sx-tm-t-row { display: block; }

.sx-tm-t-row-1 {
  font-size: 22px;
  letter-spacing: 4px;
  color: var(--ink-mute);
  font-style: italic;
  font-weight: 400;
  margin-bottom: 18px;
  text-transform: uppercase;
  font-family: Georgia, 'Times New Roman', serif;
}
.sx-tm-t-row-1 i { font-style: italic; color: var(--ink-soft); }
.sx-tm-t-row-1 em {
  color: var(--gold);
  font-style: italic;
  font-weight: 500;
  margin: 0 6px;
}

.sx-tm-t-row-2 {
  font-size: 88px;
  font-weight: 600;
  letter-spacing: 6px;
  color: var(--ink);
  line-height: 1.05;
  margin-bottom: 22px;
  word-break: keep-all;
}
.sx-tm-t-row-2 em {
  color: var(--gold);
  font-style: normal;
  position: relative;
  display: inline-block;
}
.sx-tm-t-row-2 em::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 2px;
  background: linear-gradient(90deg, var(--gold) 0%, rgba(184,153,104,0.4) 50%, transparent 100%);
}

.sx-tm-t-row-3 {
  font-size: 26px;
  letter-spacing: 3px;
  color: var(--ink-soft);
  font-weight: 400;
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
}
.sx-tm-t-row-3 em {
  color: var(--gold);
  font-style: normal;
  font-weight: 600;
}
.sx-tm-t-row-3 i {
  font-style: italic;
  font-size: 15px;
  color: var(--ink-mute);
  letter-spacing: 2px;
  margin-left: auto;
  text-transform: uppercase;
  font-family: Georgia, 'Times New Roman', serif;
}

/* 标题下方装饰条 */
.sx-tm-tbar {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0 0 50px;
  font-family: Georgia, 'Times New Roman', serif;
}
.sx-tm-tb-left {
  display: flex;
  align-items: baseline;
  gap: 4px;
  color: var(--ink);
  font-weight: 500;
}
.sx-tm-tb-num { font-size: 18px; font-style: italic; letter-spacing: 1px; }
.sx-tm-tb-num:first-child {
  color: var(--gold);
  font-size: 24px;
  font-weight: 600;
}
.sx-tm-tb-num-sep { color: var(--ink-mute); font-size: 16px; opacity: 0.5; margin: 0 2px; }
.sx-tm-tb-line {
  flex: 1;
  height: 1px;
  background: var(--gold);
  position: relative;
}
.sx-tm-tb-line::after {
  content: "";
  position: absolute;
  right: 0;
  top: -3px;
  width: 7px;
  height: 7px;
  background: var(--gold);
  transform: rotate(45deg);
}
.sx-tm-tb-right {
  font-size: 12px;
  letter-spacing: 3px;
  color: var(--ink-soft);
  font-style: italic;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 6px;
}
.sx-tm-tb-right b {
  color: var(--gold);
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 2px;
}

/* ========== PC端网格布局容器 ========== */
.sx-tm-scroll-wrapper {
  width: 100%;
  padding-bottom: 0;
}

.sx-tm-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  width: 100%;
}

/* ========== 名言块（艺术横幅风） ========== */
.sx-tm-quote {
  grid-column: 2 / -1;
  padding: 60px 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 360px;
  border: 1px solid var(--gold-line);
  border-radius: 6px;
  background:
    radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, transparent 65%),
    linear-gradient(180deg, var(--paper) 0%, #F2E8D4 100%);
  background-size: auto, auto;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 2px 12px rgba(42, 37, 32, 0.06);
  opacity: 0;
  transform: translateY(20px);
  animation: quoteFadeIn 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;
}

/* 左上装饰引号 */
.sx-tm-quote::before {
  content: "\201C";
  position: absolute;
  top: 16px;
  left: 32px;
  font-size: 140px;
  color: var(--gold);
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1;
  opacity: 0.18;
  font-style: normal;
  pointer-events: none;
}

/* 右下装饰引号 */
.sx-tm-quote::after {
  content: "\201D";
  position: absolute;
  bottom: 8px;
  right: 32px;
  font-size: 140px;
  color: var(--gold);
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1;
  opacity: 0.18;
  font-style: normal;
  pointer-events: none;
}

/* 顶部金线 */
.sx-tm-quote-top-line {
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 1px;
  background: var(--gold);
}

/* 底部金线 */
.sx-tm-quote-bot-line {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 1px;
  background: var(--gold);
}

.sx-tm-quote-text {
  font-family: Georgia, "Noto Serif SC", "Source Han Serif SC", serif;
  font-size: 24px;
  line-height: 2;
  color: var(--ink);
  font-style: italic;
  text-align: center;
  letter-spacing: 1.2px;
  max-width: 88%;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 1;
}

.sx-tm-quote-author {
  margin-top: 36px;
  font-size: 12px;
  color: var(--ink-mute);
  letter-spacing: 5px;
  text-transform: uppercase;
  text-align: center;
  font-family: Georgia, "Times New Roman", serif;
  position: relative;
  z-index: 1;
}

.sx-tm-quote-author::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 1px;
  background: var(--gold);
  margin-right: 16px;
  opacity: 0.8;
}

.sx-tm-quote-author::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 1px;
  background: var(--gold);
  margin-left: 16px;
  opacity: 0.8;
}

@keyframes quoteFadeIn {
  to { opacity: 1; transform: translateY(0); }
}

/* ========== 团队卡片 ========== */
.sx-tm-card {
  width: 100%;
  position: relative;
  background: var(--paper);
  display: flex;
  flex-direction: column;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  transform-style: preserve-3d;
  isolation: isolate;
  --mx: 50%;
  --my: 50%;
  will-change: transform;
  border: 1px solid var(--gold-soft);
}

/* 鼠标跟随光泽 */
.sx-tm-card::before {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: radial-gradient(
    circle 280px at var(--mx) var(--my),
    rgba(255, 255, 255, 0.45),
    transparent 60%
  );
  opacity: 0;
  transition: opacity 0.5s;
  pointer-events: none;
  z-index: 6;
  mix-blend-mode: overlay;
}
.sx-tm-card.hovering::before { opacity: 1; }

/* ========== 头像区 ========== */
.sx-tm-avatar-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(184,153,104,0.10) 0%, rgba(42,37,32,0.06) 100%);
  flex-shrink: 0;
}

.sx-tm-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.16,1,0.3,1), filter 0.8s ease;
  filter: grayscale(0.15) contrast(1.02);
}
.sx-tm-card:hover .sx-tm-avatar {
  transform: scale(1.06);
  filter: grayscale(0) contrast(1.05);
}

/* 内描边 */
.sx-tm-avatar-wrap::before {
  content: "";
  position: absolute;
  top: 10px; right: 10px; bottom: 10px; left: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  z-index: 3;
  pointer-events: none;
  transition: inset 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.sx-tm-card:hover .sx-tm-avatar-wrap::before {
  top: 4px; right: 4px; bottom: 4px; left: 4px;
  border-color: rgba(255, 255, 255, 0.85);
}

/* 底部渐变（向米白过渡，与正文融合） */
.sx-tm-avatar-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 55%;
  background: linear-gradient(to top, rgba(243,236,220,0.96) 0%, rgba(243,236,220,0.45) 50%, transparent 100%);
  z-index: 2;
  pointer-events: none;
}

/* 扫光效果（hover 触发） */
.sx-tm-scan {
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, 0.45) 50%,
    transparent 100%
  );
  z-index: 4;
  transition: left 1.0s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}
.sx-tm-card.hovering .sx-tm-scan { left: 130%; }

/* 罗马数字（浮在头像上） */
.sx-tm-card-roman {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 5;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 42px;
  font-style: italic;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  text-shadow: 0 2px 16px rgba(0,0,0,0.45);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.sx-tm-card-roman i {
  font-style: normal;
  font-size: 14px;
  vertical-align: super;
  margin-left: 2px;
  opacity: 0.7;
}

/* 右上 N° 编号 */
.sx-tm-card-no {
  position: absolute;
  top: 28px;
  right: 24px;
  z-index: 5;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 12px;
  font-style: italic;
  color: rgba(255, 255, 255, 0.95);
  letter-spacing: 2px;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0 1px 8px rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  gap: 6px;
}
.sx-tm-card-no::before {
  content: "";
  width: 18px;
  height: 1px;
  background: rgba(255, 255, 255, 0.8);
}

/* 头像底部装饰线 + 镜头参数 */
.sx-tm-avatar-line {
  position: absolute;
  bottom: 22px;
  left: 24px;
  right: 24px;
  height: 1px;
  background: var(--gold-line);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sx-tm-avatar-line::before {
  content: "";
  width: 22px;
  height: 3px;
  background: var(--gold);
}
.sx-tm-avatar-cam {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 9px;
  letter-spacing: 2px;
  color: var(--ink-soft);
  font-style: italic;
  text-transform: uppercase;
}

/* ========== 卡片正文 ========== */
.sx-tm-card-body {
  padding: 28px 24px 30px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}

.sx-tm-card-name {
  font-size: 26px;
  font-weight: 500;
  color: var(--ink);
  margin: 0 0 6px;
  letter-spacing: 3px;
  line-height: 1.2;
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.sx-tm-card-name em {
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-size: 13px;
  color: var(--gold);
  letter-spacing: 2px;
  font-weight: 400;
  text-transform: uppercase;
}

.sx-tm-card-role {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 12px;
  font-style: italic;
  color: var(--ink-soft);
  letter-spacing: 1.5px;
  margin-bottom: 16px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.5;
}
.sx-tm-card-role::before {
  content: "—";
  color: var(--gold);
  font-size: 14px;
}

.sx-tm-card-desc {
  font-size: 13px;
  color: var(--ink-soft);
  line-height: 1.9;
  margin: 0 0 18px;
  letter-spacing: 0.5px;
}
.sx-tm-card-desc em {
  font-style: normal;
  color: var(--gold);
  font-weight: 500;
}

.sx-tm-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 22px;
}
.sx-tm-tag {
  font-size: 11px;
  color: var(--ink-soft);
  background: transparent;
  padding: 5px 10px;
  border: 1px solid var(--gold-soft);
  border-radius: 1px;
  letter-spacing: 1px;
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  transition: all 0.3s ease;
  position: relative;
}
.sx-tm-tag::before {
  content: "·";
  color: var(--gold);
  margin-right: 3px;
  font-style: normal;
}
.sx-tm-card:hover .sx-tm-tag {
  border-color: var(--gold);
  color: var(--ink);
  background: rgba(184,153,104,0.06);
}

.sx-tm-card-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  border-top: 1px solid var(--gold-soft);
  margin-top: auto;
}
.sx-tm-card-rmk {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 10px;
  font-style: italic;
  letter-spacing: 2px;
  color: var(--ink-mute);
  text-transform: uppercase;
}
.sx-tm-card-link {
  font-size: 11px;
  color: var(--ink);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  letter-spacing: 3px;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--ink);
  transition: all 0.4s ease;
  font-family: '阿里普惠', 'SimSun', 'Songti SC', 'STSong', 'Noto Serif SC', serif;
  cursor: pointer;
}
.sx-tm-card-link em {
  font-style: normal;
  transition: transform 0.4s ease;
}
.sx-tm-card:hover .sx-tm-card-link {
  color: var(--gold);
  border-color: var(--gold);
}
.sx-tm-card:hover .sx-tm-card-link em { transform: translateX(4px); }

/* ========== PC 端指示器 ========== */
.sx-tm-indicators {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 36px;
}
.sx-tm-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--gold-soft);
  border: 1px solid var(--gold);
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}
.sx-tm-indicator.active {
  width: 30px;
  border-radius: 4px;
  background: var(--gold);
}

/* ========== 底部脚注 ========== */
.sx-tm-foot {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  border-top: 1px solid var(--gold-soft);
  font-size: 11px;
  letter-spacing: 4px;
  color: var(--ink-soft);
  font-family: Georgia, 'Times New Roman', serif;
}
.sx-tm-foot-marks {
  display: flex;
  gap: 16px;
  font-size: 13px;
  color: var(--gold);
  font-style: italic;
}
.sx-tm-foot-marks span:not(.sep) {
  display: inline-block;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.3s;
  cursor: default;
}
.sx-tm-foot-marks span:not(.sep):hover {
  color: var(--ink);
  transform: scale(1.5) translateY(-3px) !important;
}

/* ========== 响应式 ========== */
@media (max-width: 1024px) {
  .sx-tm { padding: 40px 4% 40px; }
  .sx-tm-header { margin-bottom: 30px; padding-bottom: 28px; }
  .sx-tm-watermark { font-size: 180px; }
  .sx-tm-t-row-2 { font-size: 64px; letter-spacing: 4px; }
  .sx-tm-t-row-3 { font-size: 22px; }

  .sx-tm-scroll-wrapper { overflow-x: unset; padding-bottom: 0; }
  .sx-tm-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px 20px;
    width: 100%;
  }
  .sx-tm-quote {
    grid-column: 2 / -1;
    padding: 32px 24px;
    min-height: 280px;
  }
  .sx-tm-quote-text { font-size: 16px; line-height: 1.85; letter-spacing: 0.8px; max-width: none; padding: 0 8px; }
  .sx-tm-quote::before { font-size: 72px; top: 6px; left: 12px; opacity: 0.15; }
  .sx-tm-quote::after { font-size: 72px; bottom: 6px; right: 12px; opacity: 0.15; }
  .sx-tm-quote-author { font-size: 10px; letter-spacing: 3px; margin-top: 20px; }
  .sx-tm-quote-author::before, .sx-tm-quote-author::after { width: 24px; margin: 0 10px; }
  .sx-tm-quote-top-line, .sx-tm-quote-bot-line { width: 60px; }
  .sx-tm-card {
    width: 100% !important;
    min-width: unset;
  }
  .sx-tm-card-name { font-size: 22px; }
  .sx-tm-indicators { display: none; }
}

@media (max-width: 768px) {
  .sx-tm { padding: 40px 5% 40px; }
  .sx-tm::before { font-size: 220px; }
  .sx-tm::after { display: none; }
  .sx-tm-header { margin-bottom: 30px; padding-bottom: 28px; }
  .sx-tm-watermark { font-size: 110px; right: -10px; letter-spacing: -4px; }
  .sx-tm-hl { font-size: 9px; letter-spacing: 2px; margin-bottom: 36px; }
  .sx-tm-eyebrow { gap: 8px; margin-bottom: 16px; }
  .sx-tm-eb-num { font-size: 10px; padding: 3px 7px; }
  .sx-tm-eb-en { font-size: 9px; letter-spacing: 1.5px; }
  .sx-tm-eb-cn { font-size: 12px; letter-spacing: 2px; }
  .sx-tm-t-row-1 { font-size: 14px; letter-spacing: 2px; margin-bottom: 12px; }
  .sx-tm-t-row-2 { font-size: 44px; letter-spacing: 3px; margin-bottom: 14px; }
  .sx-tm-t-row-3 { font-size: 16px; letter-spacing: 2px; gap: 8px; }
  .sx-tm-t-row-3 i { font-size: 12px; }
  .sx-tm-tbar { gap: 14px; margin-bottom: 30px; }
  .sx-tm-tb-num { font-size: 14px; }
  .sx-tm-tb-num:first-child { font-size: 18px; }
  .sx-tm-tb-right { font-size: 10px; letter-spacing: 1.5px; }

  .sx-tm-grid { gap: 24px 16px; }
  .sx-tm-card-name { font-size: 18px; letter-spacing: 1px; gap: 6px; }
  .sx-tm-card-name em { font-size: 10px; }
  .sx-tm-card-role { font-size: 10px; }
  .sx-tm-card-desc { font-size: 12px; line-height: 1.7; margin-bottom: 12px; }
  .sx-tm-tag { font-size: 10px; padding: 4px 8px; }
  .sx-tm-card-foot { padding-top: 12px; }
  .sx-tm-card-link { font-size: 10px; letter-spacing: 1.5px; }
  .sx-tm-card-rmk { font-size: 9px; letter-spacing: 1px; }
  .sx-tm-card-roman { font-size: 30px; top: 18px; left: 18px; }
  .sx-tm-card-no { font-size: 10px; top: 22px; right: 18px; }
  .sx-tm-foot { margin-top: 50px; flex-direction: column; gap: 12px; align-items: flex-start; }
  .sx-tm-quote { grid-column: 2 / -1; padding: 28px 18px; min-height: 240px; }
  .sx-tm-quote-text { font-size: 14.5px; line-height: 1.8; letter-spacing: 0.5px; max-width: none; padding: 0 4px; }
  .sx-tm-quote-author { font-size: 9px; letter-spacing: 2px; margin-top: 16px; }
  .sx-tm-quote-author::before, .sx-tm-quote-author::after { width: 18px; margin: 0 8px; }
  .sx-tm-quote::before { font-size: 60px; top: 4px; left: 10px; opacity: 0.12; }
  .sx-tm-quote::after { font-size: 60px; bottom: 4px; right: 10px; opacity: 0.12; }
  .sx-tm-quote-top-line, .sx-tm-quote-bot-line { width: 48px; }
}

@media (max-width: 576px) {
  .sx-tm { padding: 40px 4% 40px; }
  .sx-tm-header { margin-bottom: 30px; }
  .sx-tm-watermark { font-size: 80px; }
  .sx-tm-hl { display: none; }
  .sx-tm-t-row-1 { font-size: 12px; }
  .sx-tm-t-row-2 { font-size: 36px; letter-spacing: 2px; }
  .sx-tm-t-row-3 { font-size: 14px; }
  .sx-tm-grid { gap: 22px 12px; }
  .sx-tm-card-name { font-size: 16px; }
  .sx-tm-card-desc { font-size: 11.5px; line-height: 1.65; }
  .sx-tm-card-roman { font-size: 26px; }
  .sx-tm-foot-marks { gap: 12px; font-size: 11px; }
  .sx-tm-quote { grid-column: 2 / -1; padding: 24px 14px; min-height: 200px; }
  .sx-tm-quote-text { font-size: 13px; line-height: 1.75; letter-spacing: 0.3px; max-width: none; padding: 0 2px; }
  .sx-tm-quote-author { font-size: 8px; letter-spacing: 1.5px; margin-top: 14px; }
  .sx-tm-quote-author::before, .sx-tm-quote-author::after { width: 14px; margin: 0 6px; }
  .sx-tm-quote::before { font-size: 52px; top: 2px; left: 8px; opacity: 0.1; }
  .sx-tm-quote::after { font-size: 52px; bottom: 2px; right: 8px; opacity: 0.1; }
  .sx-tm-quote-top-line, .sx-tm-quote-bot-line { width: 40px; }
}

@media (max-width: 400px) {
  .sx-tm { padding: 40px 5% 40px; }
  .sx-tm-watermark { font-size: 60px; }
  .sx-tm-t-row-2 { font-size: 28px; letter-spacing: 1px; }
  .sx-tm-t-row-3 { font-size: 12px; }
  .sx-tm-header { margin-bottom: 36px; }
  .sx-tm-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .sx-tm-card-name { font-size: 20px; }
  .sx-tm-card-desc { font-size: 12.5px; }
  .sx-tm-quote { grid-column: 1 / -1; padding: 28px 20px; min-height: 180px; }
  .sx-tm-quote-text { font-size: 14px; line-height: 1.7; letter-spacing: 0.5px; }
  .sx-tm-quote-author { font-size: 9px; letter-spacing: 2px; margin-top: 14px; }
  .sx-tm-quote::before { font-size: 56px; top: 4px; left: 12px; opacity: 0.1; }
  .sx-tm-quote::after { font-size: 56px; right: 12px; opacity: 0.1; }
}

/* ========== 团队 SplitText 单元 ========== */
.sx-split-unit { display: inline-block; }
.sx-split-inner { display: inline-block; }

/* ========== 团队成员详情页 ========== */
.sx-member-detail { max-width: 1200px; margin: 0 auto; padding: 40px 20px 80px; }
.sx-member-back { margin-bottom: 24px; }
.sx-member-back a { color: var(--gold, #B89968); text-decoration: none; font-size: 14px; letter-spacing: 1px; }

.sx-member-hero { padding: 40px 0; }
.sx-member-hero-inner { display: grid; grid-template-columns: 280px 1fr; gap: 60px; align-items: start; }

.sx-member-avatar-wrap { position: relative; }
.sx-member-avatar-wrap .sx-member-roman { position: absolute; top: -12px; left: -12px; font-family: Georgia, serif; font-size: 48px; color: var(--gold, #B89968); opacity: 0.3; line-height: 1; }
.sx-member-avatar { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 6px; border: 1px solid var(--gold-soft, rgba(184,153,104,0.22)); box-shadow: 0 4px 24px rgba(0,0,0,0.08); }

.sx-member-subtitle { font-size: 13px; letter-spacing: 3px; color: var(--gold, #B89968); margin-bottom: 12px; text-transform: uppercase; }
.sx-member-name { font-family: Georgia, serif; font-size: 42px; margin: 0 0 8px; color: var(--ink, #2A2520); letter-spacing: 2px; }
.sx-member-name em { display: block; font-size: 16px; font-style: italic; font-weight: 400; color: var(--ink-mute, #8C7E6E); letter-spacing: 4px; margin-top: 4px; }
.sx-member-role { font-size: 16px; color: var(--ink-soft, #5B4F44); letter-spacing: 2px; margin-bottom: 24px; }

.sx-member-years { display: flex; gap: 24px; align-items: baseline; margin-bottom: 24px; padding: 16px 24px; background: var(--paper, #FAF6EC); border: 1px solid var(--gold-soft, rgba(184,153,104,0.22)); border-radius: 4px; }
.sx-member-years-num { font-family: Georgia, serif; font-size: 36px; color: var(--gold, #B89968); }
.sx-member-years-label { font-size: 13px; color: var(--ink-mute, #8C7E6E); letter-spacing: 2px; }

.sx-member-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.sx-member-tag { padding: 6px 14px; background: var(--paper, #FAF6EC); border: 1px solid var(--gold-line, rgba(184,153,104,0.4)); border-radius: 2px; font-size: 12px; letter-spacing: 1px; color: var(--ink-soft, #5B4F44); }

.sx-member-desc { font-size: 15px; line-height: 2; color: var(--ink-soft, #5B4F44); letter-spacing: 0.5px; margin-bottom: 32px; }

.sx-member-cta { display: flex; gap: 16px; }
.sx-member-btn { display: inline-block; padding: 14px 32px; background: var(--gold, #B89968); color: #fff; text-decoration: none; font-size: 13px; letter-spacing: 2px; border-radius: 2px; transition: all 0.3s; }
.sx-member-btn:hover { opacity: 0.9; transform: translateY(-2px); }
.sx-member-btn-outline { background: transparent; border: 1px solid var(--gold, #B89968); color: var(--gold, #B89968); }
.sx-member-btn-outline:hover { background: var(--gold, #B89968); color: #fff; }

/* Section */
.sx-member-section-head { display: flex; align-items: center; justify-content: center; gap: 24px; margin: 60px 0 36px; }
.sx-member-hl { width: 60px; height: 1px; background: var(--gold, #B89968); }
.sx-member-section-title { font-size: 28px; font-weight: 400; color: var(--ink, #2A2520); letter-spacing: 4px; margin: 0; }
.sx-member-section-title em { display: block; font-size: 13px; font-style: normal; letter-spacing: 6px; color: var(--ink-mute, #8C7E6E); margin-top: 6px; }

/* Cases Grid */
.sx-member-cases-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.sx-member-case-card { position: relative; aspect-ratio: 4/3; overflow: hidden; border-radius: 4px; display: block; }
.sx-member-case-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.sx-member-case-card:hover img { transform: scale(1.05); }
.sx-member-case-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); display: flex; align-items: flex-end; padding: 20px; }
.sx-member-case-overlay h3 { color: #fff; margin: 0; font-size: 16px; letter-spacing: 2px; }

/* Content */
.sx-member-content { padding: 40px 0; }
.sx-member-content-inner { max-width: 720px; margin: 0 auto; font-size: 16px; line-height: 2; color: var(--ink-soft, #5B4F44); }

/* Nav */
.sx-member-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 60px; padding-top: 40px; border-top: 1px solid var(--gold-line, rgba(184,153,104,0.4)); }
.sx-member-nav a { text-decoration: none; color: var(--ink, #2A2520); padding: 16px; border: 1px solid var(--gold-soft, rgba(184,153,104,0.22)); border-radius: 4px; transition: all 0.3s; }
.sx-member-nav a:hover { border-color: var(--gold, #B89968); }
.sx-member-nav-prev { text-align: left; }
.sx-member-nav-next { text-align: right; }
.sx-member-nav-label { display: block; font-size: 12px; color: var(--gold, #B89968); letter-spacing: 2px; margin-bottom: 6px; }
.sx-member-nav-name { font-size: 15px; letter-spacing: 1px; }

/* Responsive detail */
@media (max-width: 768px) {
  .sx-member-hero-inner { grid-template-columns: 1fr; gap: 32px; text-align: center; }
  .sx-member-avatar { max-width: 240px; margin: 0 auto; }
  .sx-member-name { font-size: 32px; }
  .sx-member-years { justify-content: center; }
  .sx-member-tags { justify-content: center; }
  .sx-member-cta { justify-content: center; flex-wrap: wrap; }
  .sx-member-cases-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .sx-member-cases-grid { grid-template-columns: 1fr; }
  .sx-member-nav { grid-template-columns: 1fr; }
}

/* =====================================================
   案例详情页 · 两栏布局（PC 左右 / Mobile 上下）
   ===================================================== */

/* 两栏主容器 */
.sxc-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 48px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 4% 64px;
  background: #F3ECDC;
}
.sxc-col-media { min-width: 0; position: relative; display: flex; flex-direction: column; }
/* 左侧媒体列拉伸至与右侧信息栏等高，两栏底部对齐 */
.sxc-col-media > .sxc-media { flex: 1 0 auto; }
.sxc-col-media > .sxc-media.sxc-carousel { display: flex; flex-direction: column; }
.sxc-col-media .sxc-carousel .sxc-slide-track { flex: 1 0 auto; }
.sxc-col-media > .sxc-media.sxc-cloud { display: flex; flex-direction: column; }
.sxc-col-media .sxc-cloud iframe { flex: 1 0 auto; }
.sxc-col-side {
  min-width: 0;
  padding-top: 40px;
  align-self: start;
  position: sticky;
  top: 32px;
}

/* 媒体高度在 grid 里稍低 */
.sxc-slide-track { height: 68vh; min-height: 480px; }

/* ========== 媒体区 ========== */
.sxc-media {
  position: relative;
  width: 100%;
  background: #000;
}

/* 视频（适中尺寸居中） */
.sxc-media.sxc-video-wrap {
  padding: 6vh 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sxc-video {
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding-bottom: 56.25%;
  background: #000;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
  border-radius: 2px;
  overflow: hidden;
}
.sxc-video iframe,
.sxc-video video {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  border: 0;
}

/* 轮播器 */
.sxc-carousel { overflow: hidden; }
.sxc-slide-track {
  position: relative;
  width: 100%;
  height: 82vh;
  min-height: 480px;
}
.sxc-slide {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  opacity: 0;
  transition: opacity .5s ease;
  pointer-events: none;
}
.sxc-slide.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
}
.sxc-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #000;
}

/* 轮播箭头 */
.sxc-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.1);
  border: none;
  color: #fff;
  width: 52px; height: 52px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  display: flex; align-items: center; justify-content: center;
  z-index: 10;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background .25s;
}
.sxc-arrow:hover { background: rgba(255,255,255,0.25); }
.sxc-prev { left: 24px; }
.sxc-next { right: 24px; }

/* 缩略图条 */
.sxc-thumbs {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  padding: 8px 10px;
  background: rgba(0,0,0,0.55);
  border-radius: 4px;
  z-index: 10;
  max-width: 90%;
  overflow-x: auto;
  scrollbar-width: none;
}
.sxc-thumbs::-webkit-scrollbar { display: none; }
.sxc-thumb {
  flex-shrink: 0;
  width: 56px; height: 40px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 2px;
  overflow: hidden;
  cursor: pointer;
  background: #222;
  transition: border-color .2s;
}
.sxc-thumb.is-active { border-color: #B89968; }
.sxc-thumb img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}

/* 计数器 */
.sxc-counter {
  position: absolute;
  top: 20px;
  right: 24px;
  font-family: Georgia, serif;
  font-size: 12px;
  letter-spacing: 3px;
  color: rgba(255,255,255,0.75);
  background: rgba(0,0,0,0.4);
  padding: 6px 14px;
  border-radius: 2px;
  z-index: 10;
}
.sxc-counter .sxc-idx { color: #FAF6EC; font-size: 14px; }

/* ========== 右侧信息栏 ========== */
.sxc-col-side .sxc-foot {
  max-width: none;
  padding: 0;
  text-align: left;
}
.sxc-col-side .sxc-foot-title { font-size: 30px; margin-bottom: 12px; }
.sxc-col-side .sxc-foot-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 26px;
}

/* 标签 chip */
.sxc-tag {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 6px 13px 6px 22px;
  font-size: 11.5px;
  letter-spacing: .06em;
  color: #7A6A57;
  background: rgba(184,153,104,0.09);
  border: 1px solid rgba(184,153,104,0.32);
  border-radius: 999px;
  white-space: nowrap;
  transition: color .28s cubic-bezier(.22,.61,.36,1),
              background .28s cubic-bezier(.22,.61,.36,1),
              border-color .28s cubic-bezier(.22,.61,.36,1),
              transform .28s cubic-bezier(.22,.61,.36,1);
}
.sxc-tag::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 50%;
  background: #B89968;
  transition: transform .28s cubic-bezier(.22,.61,.36,1), background .28s;
}
.sxc-tag:hover {
  color: #1a1612;
  background: rgba(184,153,104,0.2);
  border-color: #B89968;
  transform: translateY(-2px);
}
.sxc-tag:hover::before { transform: scale(1.4); background: #C8873A; }

/* 作者卡 */
.sxc-side-author {
  padding: 22px 0 0;
  border-top: 1px solid rgba(184,153,104,0.25);
  margin-bottom: 0;
}
.sxc-side-author-block {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  text-decoration: none;
  color: inherit;
  background: linear-gradient(148deg, rgba(184,153,104,0.10), rgba(184,153,104,0.015) 65%);
  border: 1px solid rgba(184,153,104,0.3);
  border-radius: 4px;
  overflow: hidden;
  transition: border-color .32s ease, box-shadow .32s ease, transform .32s ease;
}
/* 右上角柔光装饰 */
.sxc-side-author-block::after {
  content: '';
  position: absolute;
  top: -46px;
  right: -46px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(184,153,104,0.24), rgba(184,153,104,0) 70%);
  pointer-events: none;
}
.sxc-side-author-block:hover {
  border-color: rgba(184,153,104,0.62);
  box-shadow: 0 10px 26px rgba(42,37,32,0.09);
  transform: translateY(-2px);
}
.sxc-side-avatar {
  width: 66px; height: 66px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 2px solid rgba(184,153,104,0.55);
  background: #e8dfcc;
  box-shadow: 0 4px 14px rgba(42,37,32,0.13);
}
.sxc-side-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sxc-side-fallback {
  display: flex; align-items: center; justify-content: center;
  font-size: 24px; font-weight: 500; color: #B89968; font-family: Georgia, serif;
}
.sxc-side-author-info {
  display: flex; flex-direction: column; gap: 4px; justify-content: center;
  min-width: 0; flex: 1;
}
.sxc-side-name {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 1.25;
  color: #2A2520;
  font-family: '阿里普惠', 'Songti SC', serif;
}
.sxc-side-role {
  font-size: 11.5px;
  color: #8C7E6E;
  letter-spacing: .05em;
  font-family: Georgia, '阿里普惠', serif;
}
.sxc-side-sub {
  position: relative;
  font-size: 11px;
  color: #5B4F44;
  letter-spacing: .06em;
  padding-left: 13px;
}
.sxc-side-sub::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 1px;
  background: #B89968;
}

/* 作者数据 4 格 */
.sxc-side-stats {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  margin-top: 14px;
  border: 1px solid rgba(184,153,104,0.28);
  border-radius: 4px;
  overflow: hidden;
  background: rgba(184,153,104,0.055);
}
.sxc-side-stat {
  position: relative;
  padding: 15px 4px 13px;
  text-align: center;
}
.sxc-side-stat + .sxc-side-stat::before {
  content: '';
  position: absolute;
  left: 0;
  top: 24%;
  bottom: 24%;
  width: 1px;
  background: rgba(184,153,104,0.3);
}
.sxc-side-stat-num {
  display: block;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #B89968;
  letter-spacing: .02em;
  white-space: nowrap;
  transition: color .3s ease;
}
.sxc-side-stat-label {
  display: block;
  margin-top: 8px;
  font-size: 10px;
  letter-spacing: .1em;
  color: #8C7E6E;
  white-space: nowrap;
  font-family: '阿里普惠', serif;
}
.sxc-side-stat:hover .sxc-side-stat-num { color: #C8873A; }

.sxc-side-view {
  display: block;
  text-align: center;
  font-size: 12px;
  letter-spacing: 2px;
  color: #2A2520;
  text-decoration: none;
  border: 1px solid rgba(184,153,104,0.5);
  padding: 10px;
  border-radius: 2px;
  transition: all .2s;
  font-family: '阿里普惠', serif;
}
.sxc-side-view:hover {
  background: #B89968;
  color: #1a1612;
  border-color: #B89968;
}

/* 拼音（姓名上方的小标） */
.sxc-side-pinyin {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-size: 10px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #B89968;
}
.sxc-side-pinyin::before {
  content: '';
  width: 14px;
  height: 1px;
  background: #B89968;
  flex-shrink: 0;
}

/* 侧栏分节 */
.sxc-side-sec {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(184,153,104,0.28);
}
.sxc-side-h {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #B89968;
}
.sxc-side-h::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(184,153,104,0.5), rgba(184,153,104,0));
}

/* 作者个人简介 */
.sxc-side-bio {
  margin: 0 0 18px;
  font-size: 13.5px;
  line-height: 2;
  color: #5B4F44;
  letter-spacing: .01em;
}

/* 作品信息表 */
.sxc-side-meta {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sxc-side-meta li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 0;
  line-height: 1.75;
  border-bottom: 1px dashed rgba(184,153,104,0.3);
  font-size: 12.5px;
}
.sxc-side-meta li:last-child { border-bottom: 0; padding-bottom: 4px; }
.sxc-side-meta .k {
  color: #8C7E6E;
  letter-spacing: .08em;
  flex-shrink: 0;
}
.sxc-side-meta .v {
  color: #2A2520;
  font-weight: 500;
  text-align: right;
}

/* 描述 */
.sxc-foot-desc {
  font-size: 14px;
  line-height: 1.9;
  color: #5B4F44;
  letter-spacing: 0.3px;
  margin: 0 0 24px;
}

/* 更多作品 */
.sxc-foot-more {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(184,153,104,0.28);
}
.sxc-foot-more-title {
  font-size: 10px;
  letter-spacing: 3px;
  font-family: Georgia, serif;
  font-weight: 400;
  color: #B89968;
  margin: 0 0 12px;
}
.sxc-foot-more-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sxc-foot-more-list a {
  font-size: 13px;
  color: #2A2520;
  text-decoration: none;
  letter-spacing: 1px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(184,153,104,0.25);
  transition: color .2s, border-color .2s;
}
.sxc-foot-more-list a:hover {
  color: #B89968;
  border-bottom-color: #B89968;
}

/* ========== 旧样式覆盖（不再用） ========== */
.sxc-foot-top { margin-bottom: 0; }
.sxc-foot-author { display: none; }

/* ========== 云相册 iframe ========== */
.sxc-cloud iframe {
  width: 100%;
  height: 82vh;
  min-height: 500px;
  border: 0;
  background: #fff;
  display: block;
}

/* ========== 全屏预览 + 满屏水印 ========== */

/* 全屏按钮（媒体区左上角） */
.sxc-fs-btn {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 15px;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  font-family: inherit;
  font-size: 13px;
  letter-spacing: .05em;
  line-height: 1;
  cursor: pointer;
  transition: background .25s ease, transform .25s ease, border-color .25s ease;
}
.sxc-fs-btn:hover {
  background: rgba(0, 0, 0, 0.8);
  border-color: rgba(255, 255, 255, 0.45);
  transform: translateY(-1px);
}
.sxc-fs-btn svg { width: 14px; height: 14px; display: block; flex-shrink: 0; }

/* 满屏水印层（不全屏 / 全屏均显示，不拦截点击） */
.sxc-wm {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 5;
  pointer-events: none;
  background-repeat: repeat;
  background-position: 0 0;
}

/* 退出全屏按钮（右上角，仅全屏时出现） */
.sxc-fs-exit {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 30;
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  transition: background .25s ease, transform .25s ease;
}
.sxc-fs-exit:hover { background: rgba(0, 0, 0, 0.85); transform: scale(1.06); }

/* ===== 全屏状态（原生 :fullscreen + 兜底 .sxc-pseudo-fs）===== */
.sxc-col-media:fullscreen,
.sxc-col-media:-webkit-full-screen,
.sxc-col-media.sxc-pseudo-fs {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 99999;
}
.sxc-col-media:fullscreen > .sxc-media,
.sxc-col-media:-webkit-full-screen > .sxc-media,
.sxc-col-media.sxc-pseudo-fs > .sxc-media {
  width: 100%;
  height: 100%;
}

/* 视频铺满 */
.sxc-col-media:fullscreen .sxc-media.sxc-video-wrap,
.sxc-col-media:-webkit-full-screen .sxc-media.sxc-video-wrap,
.sxc-col-media.sxc-pseudo-fs .sxc-media.sxc-video-wrap { padding: 0; }
.sxc-col-media:fullscreen .sxc-video,
.sxc-col-media:-webkit-full-screen .sxc-video,
.sxc-col-media.sxc-pseudo-fs .sxc-video {
  max-width: none;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  border-radius: 0;
  box-shadow: none;
}

/* 轮播铺满 */
.sxc-col-media:fullscreen .sxc-carousel,
.sxc-col-media:-webkit-full-screen .sxc-carousel,
.sxc-col-media.sxc-pseudo-fs .sxc-carousel { height: 100%; }
.sxc-col-media:fullscreen .sxc-slide-track,
.sxc-col-media:-webkit-full-screen .sxc-slide-track,
.sxc-col-media.sxc-pseudo-fs .sxc-slide-track {
  height: 100%;
  min-height: 0;
}

/* 云相册铺满 */
.sxc-col-media:fullscreen .sxc-cloud iframe,
.sxc-col-media:-webkit-full-screen .sxc-cloud iframe,
.sxc-col-media.sxc-pseudo-fs .sxc-cloud iframe {
  height: 100%;
  min-height: 0;
}

/* 全屏时按钮切换 */
.sxc-col-media:fullscreen .sxc-fs-exit,
.sxc-col-media:-webkit-full-screen .sxc-fs-exit,
.sxc-col-media.sxc-pseudo-fs .sxc-fs-exit { display: flex; }
.sxc-col-media:fullscreen .sxc-fs-btn,
.sxc-col-media:-webkit-full-screen .sxc-fs-btn,
.sxc-col-media.sxc-pseudo-fs .sxc-fs-btn { display: none; }

/* ========== 密码锁（所有案例类型通用 · 子比虚线卡片风格） ========== */
.sxc-media.sxc-pwd-lock {
  background: #0d0b09;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  min-height: 68vh;
  box-sizing: border-box;
}
.sxc-pwd-box {
  width: 100%;
  max-width: 860px;
  background: #faf6ee;
  border: 1px dashed #d6c7a8;
  border-radius: 4px;
  padding: 30px 32px;
  display: flex;
  align-items: flex-start;
  gap: 28px;
  box-sizing: border-box;
}

/* ----- 左侧二维码区 ----- */
.sxc-pwd-qr {
  flex-shrink: 0;
  width: 160px;
  text-align: center;
}
.sxc-pwd-qr img {
  width: 100%;
  height: auto;
  border: 1px solid #e6ddc9;
  border-radius: 3px;
  background: #fff;
  padding: 4px;
  box-sizing: border-box;
}
.sxc-pwd-qr-label {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.5;
  color: #8C7E6E;
  letter-spacing: .02em;
}

/* ----- 右侧内容区 ----- */
.sxc-pwd-main {
  flex: 1;
  min-width: 0;
  text-align: left;
}
.sxc-pwd-title {
  position: relative;
  margin: 0 0 18px;
  padding-left: 12px;
  font-family: "Songti SC", "STSong", "SimSun", "宋体", serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
  color: #1a1612;
  letter-spacing: .02em;
}
.sxc-pwd-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 18px;
  border-radius: 2px;
  background: #C8873A;
}
.sxc-pwd-desc {
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.85;
  color: #6b6155;
  letter-spacing: .01em;
}

/* ----- 输入行 ----- */
.sxc-pwd-form {
  display: block;
  max-width: 520px;
}
.sxc-pwd-row {
  display: flex;
  align-items: stretch;
  gap: 0;
}
.sxc-pwd-input {
  flex: 1;
  min-width: 0;
  padding: 12px 16px;
  font-size: 14px;
  color: #1a1612;
  background: #f0ece3;
  border: 1px solid #e0d8c8;
  border-right: 0;
  border-radius: 3px 0 0 3px;
  outline: none;
  box-sizing: border-box;
  transition: border-color .2s, background .2s;
}
.sxc-pwd-input:focus { border-color: #C8873A; background: #fff; }
.sxc-pwd-input::placeholder { color: #a89c8b; }

.sxc-pwd-submit {
  flex-shrink: 0;
  padding: 12px 26px;
  font-size: 14px;
  letter-spacing: .06em;
  color: #fff;
  background: #C8873A;
  border: 1px solid #C8873A;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  font-family: inherit;
  transition: background .25s, border-color .25s;
}
.sxc-pwd-submit:hover { background: #b3762d; border-color: #b3762d; }
.sxc-pwd-submit:disabled { opacity: .6; cursor: default; }

.sxc-pwd-err {
  display: block;
  margin-top: 12px;
  font-size: 13px;
  color: #c0392b;
  opacity: 0;
  transition: opacity .2s;
}
.sxc-pwd-err.is-show { opacity: 1; }

/* ========== 响应式 ========== */
@media (max-width: 1100px) {
  .sxc-main { grid-template-columns: 1fr; gap: 32px; padding: 0 5%; }
  .sxc-col-side {
    position: static;
    padding-top: 0;
  }
  .sxc-slide-track { height: 58vh; min-height: 360px; }
}
@media (max-width: 768px) {
  .sxc-main { gap: 24px; padding: 0 5%; }
  .sxc-slide-track { height: 52vh; min-height: 300px; }
  .sxc-prev { left: 12px; }
  .sxc-next { right: 12px; }
  .sxc-arrow { width: 42px; height: 42px; font-size: 22px; }
  .sxc-thumbs { padding: 6px 8px; gap: 6px; }
  .sxc-thumb { width: 44px; height: 32px; }
  .sxc-counter { top: 12px; right: 12px; font-size: 10px; padding: 4px 10px; }
  .sxc-cloud iframe { height: 58vh; min-height: 360px; }
  .sxc-media.sxc-pwd-lock { min-height: 50vh; padding: 36px 20px; }
  .sxc-pwd-box { padding: 24px 22px; gap: 20px; }
  .sxc-pwd-qr { width: 120px; }

  /* 侧栏（已堆叠到底部） */
  .sxc-col-side .sxc-foot-title { font-size: 26px; }
  .sxc-side-author-block { gap: 12px; padding: 14px; }
  .sxc-side-avatar { width: 54px; height: 54px; }
  .sxc-side-name { font-size: 17px; letter-spacing: 2px; }
  .sxc-side-stat-num { font-size: 18px; }
  .sxc-side-stat { padding: 13px 4px 11px; }
}
@media (max-width: 480px) {
  .sxc-slide-track { height: 46vh; min-height: 260px; }
  .sxc-thumbs { bottom: 12px; }
  .sxc-thumb { width: 36px; height: 26px; }
  .sxc-media.sxc-pwd-lock { padding: 28px 16px; }
  .sxc-pwd-box { flex-direction: column; align-items: center; gap: 22px; padding: 24px 18px; }
  .sxc-pwd-qr { width: 140px; }
  .sxc-pwd-main { width: 100%; }
  .sxc-pwd-title { font-size: 17px; margin-bottom: 14px; }
  .sxc-pwd-desc { font-size: 13px; margin-bottom: 18px; }
  .sxc-pwd-form { max-width: none; }
  .sxc-pwd-input { padding: 11px 14px; font-size: 13px; }
  .sxc-pwd-submit { padding: 11px 20px; font-size: 13px; }
  .sxc-fs-btn { top: 12px; left: 12px; padding: 8px 12px; font-size: 12px; gap: 5px; }
  .sxc-fs-btn svg { width: 12px; height: 12px; }
  .sxc-fs-exit { top: 14px; right: 14px; width: 40px; height: 40px; font-size: 16px; }
  .sxc-side-stat { padding: 12px 2px 10px; }
  .sxc-side-stat-num { font-size: 16px; }
  .sxc-side-stat-label { font-size: 9px; letter-spacing: .05em; margin-top: 6px; }
  .sxc-side-name { font-size: 16px; letter-spacing: 1.5px; }
  .sxc-side-avatar { width: 48px; height: 48px; }
  .sxc-side-author-block { gap: 10px; padding: 12px; }
  .sxc-tag { font-size: 11px; padding: 5px 11px 5px 20px; }
  .sxc-col-side .sxc-foot-title { font-size: 22px; letter-spacing: 1px; }
}




/* ============================================================
   夏拾光 · Categories — 六大影像门类
   Scoped under .sxca-menlei. All var() replaced with hardcoded values.
   Order: 商业 → 婚礼 → 个人
   ============================================================ */

.sxca-menlei {
  font-family: "Songti SC", "STSongti-SC-Regular", "STSongti-SC-Bold", "STSong", "SimSun", "宋体", "Source Han Serif SC", serif;
  color: #1a1612;
  line-height: 1.65;
  background: #faf6ee;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}
.sxca-menlei *, .sxca-menlei *::before, .sxca-menlei *::after { box-sizing: border-box; }
.sxca-menlei img, .sxca-menlei svg { max-width: 100%; display: block; }
.sxca-menlei a { color: inherit; text-decoration: none; }
.sxca-menlei em { font-style: normal; }

.sxca-menlei .container { max-width: 1440px; margin: 0 auto; padding: 0 56px 35px; position: relative; }
.sxca-menlei .roman { font-family: Georgia, "Times New Roman", serif; font-style: italic; }

.sxca-menlei .section { padding: 130px 0; position: relative; }

.sxca-menlei .section-head {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 88px;
  align-items: end;
  /* margin-bottom: 88px; */
  padding-bottom: 36px;
  padding-top: 30px;
  border-bottom: 1px solid rgba(26, 22, 18, .14);
}
.sxca-menlei .section-num {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-style: italic;
  color: #a87b4a;
  margin-bottom: 16px;
  letter-spacing: .2em;
}
.sxca-menlei .section-num .roman { margin-left: 8px; }
.sxca-menlei .section-title {
  font-family: "Songti SC", "STSongti-SC-Regular", "STSong", "SimSun", "宋体", "Source Han Serif SC", serif;
  font-size: 60px;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: .04em;
  margin: 0;
}
.sxca-menlei .section-subtitle {
  font-size: 17px;
  color: #3d3530;
  line-height: 1.85;
  max-width: 600px;
  margin: 0;
}
.sxca-menlei .section-subtitle strong {
  font-weight: 500;
  color: #1a1612;
  border-bottom: 1px solid #a87b4a;
  padding-bottom: 1px;
}

/* ====== CATEGORIES ====== */
.sxca-menlei .categories-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.sxca-menlei .category-card {
  position: relative;
  background: #f3ebda;
  border: 1px solid rgba(26, 22, 18, .14);
  overflow: hidden;
  transition: all .55s cubic-bezier(.22,.61,.36,1);
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.sxca-menlei .category-card:hover {
  transform: translateY(-6px);
  border-color: #a87b4a;
  box-shadow: 0 30px 60px -30px rgba(26, 22, 18, .25);
}
.sxca-menlei .category-thumb {
  aspect-ratio: 16 / 7;
  position: relative;
  overflow: hidden;
  display: block;
}
.sxca-menlei .category-thumb img {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transition: transform .9s cubic-bezier(.22,.61,.36,1), filter .6s ease;
}
.sxca-menlei .category-card:hover .category-thumb img {
  transform: scale(1.08);
  filter: brightness(0.95) contrast(1.05);
}
.sxca-menlei .category-thumb::before {
  content: '';
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(26, 22, 18, .55) 100%);
  z-index: 1;
}
.sxca-menlei .category-thumb::after {
  content: '';
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, .12) 50%, transparent 70%);
  transform: translateX(-100%);
  transition: transform .9s cubic-bezier(.22,.61,.36,1);
}
.sxca-menlei .category-card:hover .category-thumb::after { transform: translateX(100%); }

/* 6 unique category thumbnails (按新顺序：商业→婚礼→个人) */
.sxca-menlei .cat-1 .category-thumb {
  background:
    radial-gradient(ellipse at 60% 30%, #c8c0b0 0%, transparent 55%),
    linear-gradient(180deg, #2a2620 0%, #5a5248 100%);
}
.sxca-menlei .cat-2 .category-thumb {
  background:
    radial-gradient(ellipse at 30% 75%, #8a6a4a 0%, transparent 55%),
    radial-gradient(ellipse at 80% 25%, #d4a878 0%, transparent 45%),
    linear-gradient(135deg, #1a1612 0%, #4a3a2a 100%);
}
.sxca-menlei .cat-3 .category-thumb {
  background:
    radial-gradient(ellipse at 50% 50%, #c8a888 0%, transparent 50%),
    linear-gradient(135deg, #0e0c0a 0%, #6a4f38 100%);
}
.sxca-menlei .cat-4 .category-thumb {
  background:
    radial-gradient(ellipse at 28% 38%, #f0c89c 0%, transparent 55%),
    radial-gradient(ellipse at 75% 65%, #c47851 0%, transparent 50%),
    linear-gradient(135deg, #8b4f2e 0%, #d4a070 100%);
}
.sxca-menlei .cat-5 .category-thumb {
  background:
    radial-gradient(ellipse at 50% 28%, #fae6a8 0%, transparent 55%),
    radial-gradient(ellipse at 80% 80%, #c08850 0%, transparent 50%),
    linear-gradient(180deg, #d8b070 0%, #a87838 100%);
}
.sxca-menlei .cat-6 .category-thumb {
  background:
    radial-gradient(ellipse at 38% 45%, #e8b8a8 0%, transparent 55%),
    radial-gradient(ellipse at 75% 30%, #b07870 0%, transparent 50%),
    linear-gradient(135deg, #6a3a30 0%, #c48a78 100%);
}

.sxca-menlei .thumb-watermark {
  position: absolute;
  top: 20px; left: 24px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 56px;
  line-height: 1;
  font-style: italic;
  color: rgba(255, 255, 255, 0.55);
  z-index: 2;
  letter-spacing: -0.02em;
  font-weight: 400;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}
.sxca-menlei .thumb-tag {
  position: absolute;
  bottom: 20px; left: 24px;
  z-index: 2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.85);
  display: flex; align-items: center; gap: 10px;
}
.sxca-menlei .thumb-tag::before { content: ''; width: 24px; height: 1px; background: rgba(255, 255, 255, .6); }
.sxca-menlei .thumb-count {
  position: absolute;
  top: 20px; right: 24px;
  z-index: 2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-style: italic;
  color: rgba(255, 255, 255, .75);
  letter-spacing: .15em;
}

.sxca-menlei .category-body {
  padding: 32px 28px 28px;
  display: flex; flex-direction: column;
  flex: 1;
}
.sxca-menlei .category-en {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-style: italic;
  color: #a87b4a;
  letter-spacing: .22em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.sxca-menlei .category-name {
  font-family: "Songti SC", "STSong", "SimSun", "宋体", serif;
  font-size: 17px !important;
  font-weight: 500;
  margin: 0;
  letter-spacing: .01em;
  line-height: 1.45;
  color: #1a1612;
  /* ★ 最多两行，超出省略号 —— 全部 !important 防主题覆盖 */
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.sxca-menlei .category-name a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: color .2s ease;
}
.sxca-menlei .category-name a:hover { color: #a87b4a; }

/* ===== meta 行：左作者 / 右日期 flex 两端对齐 ===== */
.sxca-menlei .category-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  gap: 12px;
}

/* ===== 作者信息（头像 + 名字，全部可点击）===== */
.sxca-menlei .category-author {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.sxca-menlei .author-avatar-link {
  display: inline-flex;
  flex-shrink: 0;
  border-radius: 50%;
  transition: transform .25s ease;
}
.sxca-menlei .author-avatar-link:hover { transform: scale(1.06); }
.sxca-menlei .category-author .author-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fff;
  box-shadow: 0 2px 8px rgba(26,22,18,.12);
  background: #e8dfcc;
  flex-shrink: 0;
}
.sxca-menlei .category-author .author-name {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-style: italic;
  color: #5B4F44;
  letter-spacing: .04em;
  text-decoration: none;
  cursor: pointer;
  transition: color .2s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}
.sxca-menlei .category-author .author-name:hover { color: #a87b4a; }

/* ===== 右侧日期 ===== */
.sxca-menlei .category-date {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-style: italic;
  color: #8C7E6E;
  letter-spacing: .06em;
  flex-shrink: 0;
}

/* ===== 以下旧元素全部隐藏（PHP 不再输出，但以防遗留）===== */
.sxca-menlei .thumb-watermark,
.sxca-menlei .thumb-count,
.sxca-menlei .thumb-tag,
.sxca-menlei .category-en,
.sxca-menlei .category-desc,
.sxca-menlei .category-subs,
.sxca-menlei .category-link { display: none !important; }

.sxca-menlei .category-desc {
  font-size: 14px;
  color: #3d3530;
  line-height: 1.85;
  margin: 0 0 22px 0;
}
.sxca-menlei .category-subs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 26px;
  margin-top: auto;
}
.sxca-menlei .sub-chip {
  font-size: 12px;
  padding: 7px 14px;
  border: 1px solid rgba(26, 22, 18, .14);
  background: #faf6ee;
  color: #3d3530;
  letter-spacing: .05em;
  transition: all .3s cubic-bezier(.22,.61,.36,1);
  position: relative;
  display: inline-block;
}
.sxca-menlei .sub-chip::before { content: '·'; color: #a87b4a; margin-right: 6px; font-weight: bold; }
.sxca-menlei .sub-chip:hover {
  background: #1a1612;
  color: #faf6ee;
  border-color: #1a1612;
  transform: translateY(-1px);
}
.sxca-menlei .category-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #1a1612;
  letter-spacing: .15em;
  border-bottom: 1px solid #1a1612;
  padding-bottom: 4px;
  align-self: flex-start;
  transition: all .3s cubic-bezier(.22,.61,.36,1);
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
}
.sxca-menlei .category-link .arrow {
  font-style: normal;
  transition: transform .35s cubic-bezier(.22,.61,.36,1);
  display: inline-block;
}
.sxca-menlei .category-card:hover .category-link { color: #8a3324; border-color: #8a3324; }
.sxca-menlei .category-card:hover .category-link .arrow { transform: translateX(6px); }

/* ====== 主视觉大图 ====== */
.sxca-menlei .sxca-menlei-hero-img {
  position: relative;
  margin: 0 0 64px;
  overflow: hidden;
}
.sxca-menlei .sxca-menlei-hero-img img {
  width: 100%;
  height: clamp(280px, 42vw, 540px);
  object-fit: cover;
  transition: transform 1.4s cubic-bezier(.16, 1, .3, 1), filter 1.2s ease;
  filter: saturate(0.92) contrast(1.02);
}
.sxca-menlei .sxca-menlei-hero-img:hover img {
  transform: scale(1.04);
  filter: saturate(1) contrast(1.05);
}
.sxca-menlei .sxca-menlei-hero-img::after {
  content: "";
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(26, 22, 18, .15) 100%);
  pointer-events: none;
}
.sxca-menlei .sxca-menlei-hero-img figcaption {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 18px;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #8c7e6e;
}
.sxca-menlei .sxca-menlei-hero-img figcaption b {
  color: #1a1612;
  font-weight: 500;
  font-style: normal;
  margin-right: 4px;
}

/* ====== VIDEO (摄像) 色调:冷青蓝 ====== */
/* 视频缩略图渐变(冷色调) */
.sxca-menlei .vid-1 .category-thumb {
  background:
    radial-gradient(ellipse at 60% 30%, #8090a0 0%, transparent 55%),
    linear-gradient(180deg, #1a2028 0%, #3a4a58 100%);
}
.sxca-menlei .vid-2 .category-thumb {
  background:
    radial-gradient(ellipse at 30% 70%, #4a6a7a 0%, transparent 55%),
    radial-gradient(ellipse at 80% 25%, #a0b8c8 0%, transparent 45%),
    linear-gradient(135deg, #0e1418 0%, #2a4858 100%);
}
.sxca-menlei .vid-3 .category-thumb {
  background:
    radial-gradient(ellipse at 50% 50%, #6a8090 0%, transparent 50%),
    linear-gradient(135deg, #0a1014 0%, #1a3848 100%);
}
.sxca-menlei .vid-4 .category-thumb {
  background:
    radial-gradient(ellipse at 28% 38%, #c8b8a0 0%, transparent 55%),
    radial-gradient(ellipse at 75% 65%, #5a8a98 0%, transparent 50%),
    linear-gradient(135deg, #2a3a48 0%, #6a8898 100%);
}
.sxca-menlei .vid-5 .category-thumb {
  background:
    radial-gradient(ellipse at 50% 28%, #d8d0c0 0%, transparent 55%),
    radial-gradient(ellipse at 80% 80%, #7a98a8 0%, transparent 50%),
    linear-gradient(180deg, #3a5868 0%, #1a2a38 100%);
}
.sxca-menlei .vid-6 .category-thumb {
  background:
    radial-gradient(ellipse at 38% 45%, #88a8b8 0%, transparent 55%),
    radial-gradient(ellipse at 75% 30%, #384858 0%, transparent 50%),
    linear-gradient(135deg, #0a1820 0%, #4a6878 100%);
}

/* ====== TAB SWITCH (摄影 / 摄像) ====== */
.sxca-menlei .tab-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 64px;
  border-bottom: 2px solid rgba(26, 22, 18, .14);
  position: relative;
}
.sxca-menlei .tab {
  flex: 0 0 auto;
  position: relative;
  padding: 26px 56px;
  font-family: "Songti SC", "STSongti-SC-Regular", "STSong", "SimSun", "宋体", "Source Han Serif SC", serif;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: .12em;
  color: #b5a992;
  cursor: pointer;
  transition: color .4s cubic-bezier(.22,.61,.36,1);
  background: none;
  border: none;
  outline: none;
  user-select: none;
}
.sxca-menlei .tab:first-child { padding-left: 56px; }
.sxca-menlei .tab:last-child { padding-right: 56px; }
.sxca-menlei .tab .tab-en {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: #c8bca6;
  margin-top: 6px;
  transition: color .4s ease;
}
.sxca-menlei .tab.active { color: #1a1612; }
.sxca-menlei .tab.active .tab-en { color: #a87b4a; }
.sxca-menlei .tab::after {
  content: "";
  position: absolute;
  left: 56px; right: 56px; bottom: -2px;
  height: 3px;
  background: #1a1612;
  transform: scaleX(0);
  transform-origin: center center;
  transition: transform .5s cubic-bezier(.65, 0, .35, 1);
}
.sxca-menlei .tab.active::after { transform: scaleX(1); }

.sxca-menlei .tab-meta {
  position: absolute;
  right: 0; bottom: 26px;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 12px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #8c7e6e;
}
.sxca-menlei .tab-meta b {
  color: #a87b4a;
  font-weight: 500;
  font-style: normal;
  margin: 0 4px;
}

.sxca-menlei .tab-pane { display: none; }
.sxca-menlei .tab-pane.active { display: block; animation: tabFade .55s ease; }
@keyframes tabFade {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ====== VIDEO (摄像) 冷色调覆盖 —— 匹配 anl.html ====== */
.sxca-menlei .tab-pane.video .category-en { color: #4a6b7a; }
.sxca-menlei .tab-pane.video .category-link { border-bottom-color: #1a1612; }
.sxca-menlei .tab-pane.video .sub-chip::before { color: #4a6b7a; }
.sxca-menlei .tab-pane.video .category-card:hover { border-color: #4a6b7a; }
.sxca-menlei .tab-pane.video .category-card:hover .category-link { color: #2a4a5a; border-color: #2a4a5a; }
.sxca-menlei .tab-pane.video .section-num,
.sxca-menlei .tab-pane.video .eyebrow { color: #4a6b7a; }

/* ====== RESPONSIVE ====== */

/* 图片加载前的占位 */
.sxca-menlei .category-card .category-thumb > div.thumb-nothumb,
.sxca-menlei .category-card .category-thumb > .thumb-nothumb {
  background: linear-gradient(135deg, #2a2620 0%, #5a5248 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-family: Georgia, serif;
  font-style: italic;
  color: rgba(255,255,255,.35);
  font-size: 11px;
  letter-spacing: .3em;
}

/* 视频冷色调覆盖（可选，我们的 tab 不区分 photo/video） */
@media (max-width: 1024px) {
  .sxca-menlei .container { padding: 35px 40px; }
  .sxca-menlei .section { padding: 88px 0; }
  .sxca-menlei .section-head { grid-template-columns: 1fr; gap: 32px; 
    /* margin-bottom: 56px;  */
  }
  .sxca-menlei .section-title { font-size: 44px; }
  .sxca-menlei .categories-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .sxca-menlei .category-thumb {  /* aspect-ratio 16/7 自动覆盖 */ }
  .sxca-menlei .tab-meta { display: none; }
  .sxca-menlei .tab { padding: 18px 28px; font-size: 19px; }
}
@media (max-width: 768px) {
  .sxca-menlei .container { padding: 35px 24px; }
  .sxca-menlei .section { padding: 64px 0; }
  .sxca-menlei .section-title { font-size: 36px; }
  .sxca-menlei .categories-grid { grid-template-columns: 1fr; gap: 20px; }
  .sxca-menlei .category-thumb {  /* aspect-ratio 16/7 自动覆盖 */ }
  .sxca-menlei .category-body { padding: 28px 24px; }
  .sxca-menlei .category-name { font-size: 16px !important; }
  .sxca-menlei .tab { padding: 16px 18px; font-size: 17px; }
  .sxca-menlei .tab .tab-en { font-size: 10px; letter-spacing: .2em; }
  .sxca-menlei .tab-bar { margin-bottom: 40px; }
}
@media (max-width: 480px) {
  .sxca-menlei .container { padding: 35px 20px; }
  .sxca-menlei .section-title { font-size: 30px; }
  .sxca-menlei .section-head { 
    /* margin-bottom: 40px;  */
    padding-bottom: 24px; }
  .sxca-menlei .category-thumb {  /* aspect-ratio 16/7 自动覆盖 */ }
  .sxca-menlei .category-body { padding: 24px 20px; }
  .sxca-menlei .category-name { font-size: 16px !important; }
  .sxca-menlei .category-en { font-size: 11px; }
  .sxca-menlei .tab { padding: 14px 12px; font-size: 15px; }
}
@media (max-width: 380px) {
  .sxca-menlei .container { padding: 35px 16px; }
  .sxca-menlei .section { padding: 56px 0; }
  .sxca-menlei .section-title { font-size: 26px; }
  .sxca-menlei .section-subtitle { font-size: 15px; }
  .sxca-menlei .category-thumb {  /* aspect-ratio 16/7 自动覆盖 */ }
  .sxca-menlei .category-name { font-size: 15px !important; }
  .sxca-menlei .category-desc { font-size: 13px; }
  .sxca-menlei .sub-chip { font-size: 11px; padding: 6px 12px; }
  .sxca-menlei .tab { padding: 12px 8px; font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .sxca-menlei *, .sxca-menlei *::before, .sxca-menlei *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* ============================================================
   成员详情页 · sxmd-root — 编辑级电影杂志风
   A24 / Caviar / 新片场 质感 · 继承 tuandui.html 设计语言
   根容器: .sx-member-detail.sxmd-root
   ============================================================ */

.sxmd-root {
  --cream: #F3ECDC;
  --gold: #B89968;
  --gold-soft: rgba(184, 153, 104, 0.22);
  --gold-line: rgba(184, 153, 104, 0.4);
  --ink: #2A2520;
  --ink-soft: #5B4F44;
  --ink-mute: #8C7E6E;
  --paper: #FAF6EC;

  max-width: none;
  padding: 0;
  margin: 0;
  font-family: "Songti SC", "STSong", "SimSun", serif;
  color: var(--ink);
  background: var(--cream);
  line-height: 1.6;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.sxmd-root *, .sxmd-root *::before, .sxmd-root *::after { box-sizing: border-box; }
.sxmd-root a { color: inherit; text-decoration: none; }
.sxmd-root em { font-style: normal; }

/* ========== 3.1 HERO 区 ========== */
.sxmd-hero {
  position: relative;
  min-height: 92vh;
  padding: 32px 5% 40px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 15%, rgba(184,153,104,0.14) 0%, transparent 45%),
    radial-gradient(circle at 12% 85%, rgba(42,37,32,0.06) 0%, transparent 48%),
    linear-gradient(180deg, #F3ECDC 0%, #EFE6D2 100%);
  display: flex;
  flex-direction: column;
  z-index: 1;
}

/* 背景大水印 — DIRECTOR / PHOTOGRAPHER 等 */
.sxmd-watermark {
  position: absolute;
  top: 52%;
  right: -6%;
  transform: translateY(-50%);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(220px, 38vw, 480px);
  font-weight: 700;
  font-style: italic;
  color: var(--ink);
  opacity: 0.035;
  letter-spacing: -10px;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  z-index: 0;
  user-select: none;
}

/* 背景大数字 — 01 / 02 */
.sxmd-num-bg {
  position: absolute;
  left: 4%;
  bottom: 12%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(180px, 32vw, 420px);
  font-weight: 700;
  font-style: italic;
  color: var(--gold);
  opacity: 0.05;
  line-height: 1;
  letter-spacing: -4px;
  pointer-events: none;
  z-index: 0;
  user-select: none;
}

/* Eyebrow 行 */
.sxmd-eyebrow {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 64px;
  flex-wrap: wrap;
}
.sxmd-eb-num {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 500;
  color: var(--gold);
  padding: 5px 12px;
  border: 1px solid var(--gold);
  letter-spacing: 2px;
  line-height: 1;
}
.sxmd-eb-sep {
  color: var(--ink-mute);
  opacity: 0.5;
  font-size: 14px;
}
.sxmd-eb-en {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 3.5px;
  color: var(--ink-soft);
  text-transform: uppercase;
}
.sxmd-eb-cn {
  font-size: 13px;
  letter-spacing: 4px;
  color: var(--ink);
}

/* Hero 主网格 */
.sxmd-hero-grid {
  position: relative;
  z-index: 3;
  flex: 1;
  display: grid;
  grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
  gap: clamp(48px, 7vw, 120px);
  align-items: start;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}

/* 头像列 */
.sxmd-avatar-col {
  position: relative;
}
.sxmd-avatar-wrap {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(184,153,104,0.12) 0%, rgba(42,37,32,0.06) 100%);
  border: 1px solid var(--gold-line);
}
.sxmd-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 1.0s cubic-bezier(0.16,1,0.3,1), filter 0.9s ease;
  filter: grayscale(0.18) contrast(1.03);
}
.sxmd-avatar-wrap:hover .sxmd-avatar {
  transform: scale(1.06);
  filter: grayscale(0) contrast(1.06);
}
.sxmd-avatar-fallback {
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 50% 35%, rgba(184,153,104,0.35) 0%, transparent 55%),
    linear-gradient(135deg, #4a3f34 0%, #2A2520 100%);
}

/* 头像内细金线描边 */
.sxmd-avatar-wrap::before {
  content: "";
  position: absolute;
  top: 10px; right: 10px; bottom: 10px; left: 10px;
  border: 1px solid rgba(184,153,104,0.55);
  pointer-events: none;
  z-index: 4;
  transition: inset 0.5s cubic-bezier(0.16,1,0.3,1), border-color 0.4s;
}
.sxmd-avatar-wrap:hover::before {
  top: 4px; right: 4px; bottom: 4px; left: 4px;
  border-color: var(--gold);
}

/* 头像底部米白渐变过渡 */
.sxmd-avatar-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 55%;
  background: linear-gradient(to top, rgba(243,236,220,0.96) 0%, rgba(243,236,220,0.4) 50%, transparent 100%);
  z-index: 2;
  pointer-events: none;
}

/* 头像上罗马数字角标 */
.sxmd-avatar-roman {
  position: absolute;
  top: 22px;
  left: 22px;
  z-index: 5;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 42px;
  font-style: italic;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,0.5);
  line-height: 1;
  letter-spacing: 1px;
  transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1);
}
.sxmd-avatar-wrap:hover .sxmd-avatar-roman {
  transform: scale(1.15);
}

/* 头像底部线 + 项目量 */
.sxmd-avatar-foot {
  position: absolute;
  bottom: 20px;
  left: 22px;
  right: 22px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sxmd-avatar-line {
  height: 1px;
  background: linear-gradient(90deg, var(--gold), var(--gold-line) 70%, transparent);
  width: 100%;
}
.sxmd-avatar-projects {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 2px;
  color: var(--ink);
  text-shadow: 0 1px 8px rgba(243,236,220,0.9);
}
.sxmd-dot {
  margin: 0 8px;
  color: var(--gold);
}

/* 信息列 */
.sxmd-info-col {
  position: relative;
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* 顶部 role + years 大方块 */
.sxmd-info-top {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}
.sxmd-role-tag {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 3px;
  color: var(--ink-soft);
  padding-bottom: 4px;
  border-bottom: 1px solid var(--gold);
  text-transform: uppercase;
}
.sxmd-years-block {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  padding: 14px 22px;
  background: var(--paper);
  border: 1px solid var(--gold-soft);
  position: relative;
}
.sxmd-years-block::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--gold);
}
.sxmd-years-num {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 48px;
  font-weight: 700;
  font-style: italic;
  color: var(--gold);
  line-height: 1;
  letter-spacing: -1px;
}
.sxmd-years-num i {
  font-style: italic;
  font-size: 24px;
  margin-left: 2px;
}
.sxmd-years-label {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 10px;
  font-style: italic;
  letter-spacing: 3px;
  color: var(--ink-mute);
  text-transform: uppercase;
}

/* 中文名 + pinyin */
.sxmd-name {
  font-family: "Songti SC", "STSong", "SimSun", serif;
  font-size: clamp(52px, 7vw, 88px);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: 4px;
  color: var(--ink);
  margin: 0 0 20px;
  position: relative;
}
.sxmd-pinyin {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(16px, 1.8vw, 22px);
  font-style: italic;
  font-weight: 400;
  letter-spacing: 3px;
  color: var(--gold);
  margin-top: 14px;
  line-height: 1;
}

/* subtitle 斜体 */
.sxmd-subtitle {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(15px, 1.4vw, 18px);
  font-style: italic;
  letter-spacing: 1.5px;
  color: var(--ink-soft);
  margin: 0 0 36px;
}

/* 分隔金线 */
.sxmd-info-line {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 44px;
}
.sxmd-info-line-bar {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold) 60%);
  max-width: 180px;
}
.sxmd-info-line-bar-r {
  background: linear-gradient(90deg, var(--gold) 40%, transparent);
}
.sxmd-info-line-dot {
  width: 7px;
  height: 7px;
  background: var(--gold);
  transform: rotate(45deg);
  flex-shrink: 0;
}

/* Hero CTA */
.sxmd-hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sxmd-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 18px 32px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.sxmd-btn-primary {
  background: var(--ink);
  color: var(--paper);
  border: 1px solid var(--ink);
}
.sxmd-btn-primary:hover {
  background: var(--gold);
  border-color: var(--gold);
  transform: translateY(-2px);
}
.sxmd-btn-outline {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--gold);
}
.sxmd-btn-outline:hover {
  background: var(--gold);
  color: var(--paper);
  transform: translateY(-2px);
}
.sxmd-btn-arrow {
  font-style: normal;
  transition: transform 0.3s ease;
  font-size: 14px;
}
.sxmd-btn:hover .sxmd-btn-arrow {
  transform: translateX(4px);
}

/* 项目数量 */
.sxmd-project-count {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-family: Georgia, "Times New Roman", serif;
  flex-wrap: wrap;
}
.sxmd-pc-num {
  font-size: 32px;
  font-weight: 700;
  font-style: italic;
  color: var(--gold);
  line-height: 1;
}
.sxmd-pc-label {
  font-size: 11px;
  font-style: italic;
  letter-spacing: 2.5px;
  color: var(--ink-mute);
  text-transform: uppercase;
}
.sxmd-pc-sep {
  color: var(--gold);
  opacity: 0.6;
}

/* ========== 3.2 权威资质统计区 ========== */
.sxmd-stats {
  position: relative;
  padding: 72px 5%;
  background: var(--paper);
  border-top: 1px solid var(--gold-line);
  border-bottom: 1px solid var(--gold-line);
}
.sxmd-stats-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}
.sxmd-stat-card {
  position: relative;
  padding: 36px 24px;
  text-align: center;
  border-right: 1px solid var(--gold-line);
  transition: background 0.4s ease;
}
.sxmd-stat-card:last-child {
  border-right: none;
}
.sxmd-stat-card:hover {
  background: rgba(184,153,104,0.06);
}
.sxmd-stat-card:hover .sxmd-stat-line {
  height: 2px;
  background: var(--gold);
}
.sxmd-stat-num {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 42px;
  font-weight: 700;
  font-style: italic;
  color: var(--gold);
  line-height: 1;
  letter-spacing: -1px;
  margin-bottom: 12px;
}
.sxmd-stat-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--ink);
  letter-spacing: 4px;
  margin-bottom: 8px;
}
.sxmd-stat-en {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 10px;
  font-style: italic;
  letter-spacing: 3px;
  color: var(--ink-mute);
  text-transform: uppercase;
}
.sxmd-stat-line {
  display: block;
  height: 1px;
  background: var(--gold-line);
  margin: 22px auto 0;
  width: 50%;
  transition: height 0.3s, background 0.3s, width 0.4s;
}
.sxmd-stat-card:hover .sxmd-stat-line {
  width: 70%;
}

/* ========== 3.3 专长区 ========== */
.sxmd-expertise {
  position: relative;
  padding: 80px 5%;
  background: var(--cream);
}
.sxmd-expertise::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(184,153,104,0.05) 0%, transparent 70%);
  pointer-events: none;
}

/* 通用 eyebrow */
.sxmd-section-eyebrow,
.sxmd-bio-eyebrow {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: center;
  margin-bottom: 48px;
  position: relative;
}
.sxmd-se-line {
  height: 1px;
  flex: 0 0 clamp(40px, 8vw, 120px);
  background: linear-gradient(90deg, transparent, var(--gold));
}
.sxmd-se-line-r {
  background: linear-gradient(90deg, var(--gold), transparent);
}
.sxmd-se-en {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 4px;
  color: var(--gold);
  text-transform: uppercase;
  font-weight: 500;
}
.sxmd-se-cn {
  font-size: 13px;
  letter-spacing: 4px;
  color: var(--ink);
}

.sxmd-chip-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.sxmd-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 14px 24px;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 13px;
  letter-spacing: 1px;
  color: var(--ink-soft);
  background: var(--paper);
  border: 1px solid var(--gold-soft);
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1);
  cursor: default;
  position: relative;
}
.sxmd-chip-dot {
  color: var(--gold);
  font-style: normal;
  margin-right: 2px;
}
.sxmd-chip:hover {
  border-color: var(--gold);
  color: var(--ink);
  background: rgba(184,153,104,0.08);
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(184,153,104,0.15);
}

/* ========== 3.4 精选案例区 ========== */
.sxmd-works {
  position: relative;
  padding: 90px 5%;
  background: var(--cream);
  max-width: 1400px;
  margin: 0 auto;
}
.sxmd-section-head {
  margin-bottom: 56px;
  position: relative;
}
.sxmd-section-head-top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
}
.sxmd-sh-num {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 3px;
  color: var(--gold);
  font-weight: 500;
}
.sxmd-sh-line {
  flex: 1;
  height: 1px;
  max-width: 180px;
  background: linear-gradient(90deg, var(--gold), var(--gold-line));
}
.sxmd-sh-en {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 3.5px;
  color: var(--ink-soft);
  text-transform: uppercase;
}
.sxmd-sh-title {
  font-family: "Songti SC", "STSong", "SimSun", serif;
  font-size: clamp(36px, 4.5vw, 56px);
  font-weight: 500;
  letter-spacing: 4px;
  color: var(--ink);
  margin: 0;
  line-height: 1.1;
}
.sxmd-sh-title em {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 0.42em;
  font-weight: 400;
  letter-spacing: 2px;
  color: var(--ink-mute);
  margin-left: 10px;
  text-transform: uppercase;
}

.sxmd-works-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(32px, 4vw, 56px);
}
.sxmd-work-card {
  position: relative;
  display: block;
  isolation: isolate;
}
.sxmd-work-thumb {
  position: relative;
  aspect-ratio: 16 / 7;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(184,153,104,0.15) 0%, rgba(42,37,32,0.08) 100%);
  margin-bottom: 20px;
}
.sxmd-work-thumb img {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.2s cubic-bezier(0.16,1,0.3,1), filter 0.6s ease;
  filter: brightness(0.98);
}
.sxmd-work-card:hover .sxmd-work-thumb img {
  transform: scale(1.06);
  filter: brightness(1.04);
}
.sxmd-work-thumb-fallback {
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 60% 40%, rgba(184,153,104,0.4) 0%, transparent 55%),
    linear-gradient(135deg, #3a2f24 0%, #1a1612 100%);
}
.sxmd-work-scan {
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.35) 50%, transparent 100%);
  transition: left 1.1s cubic-bezier(0.16,1,0.3,1);
  z-index: 3;
  pointer-events: none;
}
.sxmd-work-card:hover .sxmd-work-scan {
  left: 130%;
}
.sxmd-work-en {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 4;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 10px;
  font-style: italic;
  letter-spacing: 3px;
  color: rgba(255,255,255,0.9);
  text-shadow: 0 1px 8px rgba(0,0,0,0.4);
  text-transform: uppercase;
}
.sxmd-work-meta {
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--gold-soft);
  transition: border-color 0.4s;
}
.sxmd-work-card:hover .sxmd-work-meta {
  border-color: var(--gold);
}
.sxmd-work-title {
  font-family: "Songti SC", "STSong", "SimSun", serif;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 2px;
  color: var(--ink);
  margin: 0;
  flex: 1;
  min-width: 0;
  transition: color 0.3s;
}
.sxmd-work-card:hover .sxmd-work-title {
  color: var(--gold);
}
.sxmd-work-sub {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 2px;
  color: var(--ink-mute);
  text-transform: uppercase;
}
.sxmd-work-arrow {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  color: var(--gold);
  transition: transform 0.3s ease;
}
.sxmd-work-card:hover .sxmd-work-arrow {
  transform: translateX(6px);
}

/* ========== 3.5 个人简介区 ========== */
.sxmd-bio {
  position: relative;
  padding: 100px 5%;
  background:
    radial-gradient(ellipse at 50% 30%, rgba(250,246,236,0.9) 0%, rgba(243,236,220,0.8) 70%),
    linear-gradient(180deg, var(--cream) 0%, #EFE6D2 100%);
}
.sxmd-bio-inner {
  max-width: 820px;
  margin: 0 auto;
}
.sxmd-bio-text {
  position: relative;
  margin-bottom: 40px;
}
/* 首字下沉 */
.sxmd-bio-dropcap {
  float: left;
  font-family: "Songti SC", "STSong", "SimSun", serif;
  font-size: 120px;
  font-weight: 500;
  line-height: 0.85;
  padding: 16px 16px 0 0;
  color: var(--gold);
  position: relative;
}
.sxmd-bio-rest {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0.5px;
  color: var(--ink-soft);
}
.sxmd-bio-editor {
  max-width: 720px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 2;
  color: var(--ink-soft);
  letter-spacing: 0.3px;
}
.sxmd-bio-editor p {
  margin-bottom: 20px;
}
.sxmd-bio-foot {
  margin-top: 48px;
  padding-top: 36px;
  border-top: 1px solid var(--gold-soft);
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
}
.sxmd-bio-line {
  flex: 1;
  height: 1px;
  max-width: 120px;
  background: linear-gradient(90deg, transparent, var(--gold));
}
.sxmd-bio-line:last-child {
  background: linear-gradient(90deg, var(--gold), transparent);
}
.sxmd-bio-signature {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-style: italic;
  letter-spacing: 2px;
  color: var(--gold);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.sxmd-bio-signature em {
  font-style: italic;
  font-size: 12px;
  color: var(--ink-mute);
}

/* ========== 3.6 上下导航 ========== */
.sxmd-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-top: 1px solid var(--gold-line);
  border-bottom: 1px solid var(--gold-line);
  background: var(--paper);
}
.sxmd-nav-item {
  padding: 40px 5%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-right: 1px solid var(--gold-line);
  transition: background 0.4s ease, padding 0.4s ease;
  position: relative;
  cursor: pointer;
}
.sxmd-nav-item:last-child {
  border-right: none;
  text-align: right;
  align-items: flex-end;
}
.sxmd-nav-item.sxmd-nav-empty {
  background: transparent;
  pointer-events: none;
}
.sxmd-nav-prev {
  text-align: left;
  align-items: flex-start;
}
.sxmd-nav-item:hover {
  background: rgba(184,153,104,0.08);
  padding-left: calc(5% + 16px);
  padding-right: calc(5% - 16px);
}
.sxmd-nav-next:hover {
  padding-left: calc(5% - 16px);
  padding-right: calc(5% + 16px);
}
.sxmd-nav-dir {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 3px;
  color: var(--gold);
  text-transform: uppercase;
}
.sxmd-nav-name {
  font-family: "Songti SC", "STSong", "SimSun", serif;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 2px;
  color: var(--ink);
  line-height: 1.2;
}
.sxmd-nav-sub {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 2px;
  color: var(--ink-mute);
  text-transform: uppercase;
}

/* ========== 底部大 CTA ========== */
.sxmd-contact-cta {
  position: relative;
  padding: 120px 5%;
  background:
    radial-gradient(circle at 50% 50%, rgba(184,153,104,0.08) 0%, transparent 60%),
    linear-gradient(180deg, var(--cream) 0%, #E6DCC5 100%);
  overflow: hidden;
}
.sxmd-contact-cta::before {
  content: "PROJECT";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(180px, 28vw, 380px);
  font-weight: 700;
  font-style: italic;
  color: var(--ink);
  opacity: 0.03;
  letter-spacing: -6px;
  line-height: 1;
  pointer-events: none;
  white-space: nowrap;
}
.sxmd-cta-inner {
  position: relative;
  z-index: 2;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
.sxmd-cta-num {
  display: inline-block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 4px;
  color: var(--gold);
  padding: 4px 14px;
  border: 1px solid var(--gold);
  margin-bottom: 28px;
  line-height: 1;
}
.sxmd-cta-title {
  margin: 0 0 24px;
  line-height: 1.1;
}
.sxmd-cta-cn {
  display: block;
  font-family: "Songti SC", "STSong", "SimSun", serif;
  font-size: clamp(44px, 6vw, 72px);
  font-weight: 600;
  letter-spacing: 6px;
  color: var(--ink);
}
.sxmd-cta-en {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(14px, 1.6vw, 20px);
  font-style: italic;
  font-weight: 400;
  letter-spacing: 4px;
  color: var(--gold);
  margin-top: 14px;
  text-transform: uppercase;
}
.sxmd-cta-sub {
  font-size: 14px;
  line-height: 2;
  color: var(--ink-soft);
  letter-spacing: 0.5px;
  margin: 0 0 40px;
}
.sxmd-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 22px 44px;
  background: var(--ink);
  color: var(--paper);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-style: italic;
  letter-spacing: 4px;
  text-transform: uppercase;
  border: 1px solid var(--ink);
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1);
  position: relative;
  overflow: hidden;
}
.sxmd-cta-btn:hover {
  background: var(--gold);
  border-color: var(--gold);
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(184,153,104,0.35);
}
.sxmd-cta-btn-arrow {
  font-style: normal;
  transition: transform 0.3s ease;
}
.sxmd-cta-btn:hover .sxmd-cta-btn-arrow {
  transform: translate(4px, -4px);
}

/* ========== 3.7 滚动入场动画初始态 ========== */
.sxmd-root [data-observe],
.sxmd-root .sxmd-hero,
.sxmd-root .sxmd-eyebrow,
.sxmd-root .sxmd-avatar-wrap,
.sxmd-root .sxmd-info-top,
.sxmd-root .sxmd-name,
.sxmd-root .sxmd-subtitle,
.sxmd-root .sxmd-info-line,
.sxmd-root .sxmd-hero-cta,
.sxmd-root .sxmd-project-count {
  will-change: opacity, transform;
}

/* ========== 响应式 · 平板 ========== */
@media (max-width: 1100px) {
  .sxmd-hero { min-height: auto; padding: 28px 5% 48px; }
  .sxmd-eyebrow { margin-bottom: 44px; }
  .sxmd-hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
    text-align: center;
  }
  .sxmd-avatar-col { max-width: 360px; margin: 0 auto; }
  .sxmd-info-col { padding-top: 0; text-align: center; }
  .sxmd-info-top { justify-content: center; margin-bottom: 32px; }
  .sxmd-info-line { margin: 0 auto 32px; }
  .sxmd-hero-cta { justify-content: center; margin-bottom: 32px; }
  .sxmd-hero-cta, .sxmd-project-count { justify-content: center; }
  .sxmd-hero-cta { display: flex; }

  .sxmd-stats { padding: 56px 5%; }
  .sxmd-stat-num { font-size: 34px; }

  .sxmd-works { padding: 64px 5%; }
  .sxmd-works-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; }
  .sxmd-work-thumb { aspect-ratio: 16/9; }

  .sxmd-bio { padding: 72px 5%; }
  .sxmd-bio-dropcap { font-size: 92px; }

  .sxmd-contact-cta { padding: 88px 5%; }
}

/* ========== 响应式 · 手机 ≤768px ========== */
@media (max-width: 768px) {
  .sxmd-eb-sep { display: none; }
  .sxmd-hero { padding: 24px 5% 40px; }
  .sxmd-eyebrow { gap: 10px; margin-bottom: 36px; }
  .sxmd-eb-num { font-size: 11px; padding: 3px 8px; }
  .sxmd-eb-en { font-size: 10px; letter-spacing: 2px; }
  .sxmd-eb-cn { font-size: 12px; letter-spacing: 2px; }

  .sxmd-avatar-col { max-width: 280px; }
  .sxmd-avatar-roman { font-size: 32px; top: 14px; left: 14px; }

  .sxmd-info-col { padding-top: 0; }
  .sxmd-name { letter-spacing: 3px; margin-bottom: 14px; }
  .sxmd-pinyin { margin-top: 10px; letter-spacing: 2px; }
  .sxmd-subtitle { margin-bottom: 24px; }
  .sxmd-years-block { padding: 10px 16px; gap: 8px; }
  .sxmd-years-num { font-size: 36px; }
  .sxmd-years-num i { font-size: 18px; }

  .sxmd-hero-cta { flex-direction: column; align-items: stretch; gap: 12px; }
  .sxmd-btn { justify-content: center; padding: 16px 24px; }

  .sxmd-stats { padding: 40px 5%; }
  .sxmd-stats-inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .sxmd-stat-card {
    border-right: 1px solid var(--gold-line);
    border-bottom: 1px solid var(--gold-line);
    padding: 28px 16px;
  }
  .sxmd-stat-card:nth-child(2n) { border-right: none; }
  .sxmd-stat-card:nth-last-child(-n+2) { border-bottom: none; }
  .sxmd-stat-num { font-size: 30px; margin-bottom: 8px; }
  .sxmd-stat-label { font-size: 12px; letter-spacing: 3px; }

  .sxmd-expertise { padding: 56px 5%; }
  .sxmd-chip { padding: 11px 18px; font-size: 12px; letter-spacing: 0.5px; }

  .sxmd-works { padding: 56px 5%; }
  .sxmd-works-grid { grid-template-columns: 1fr; gap: 32px; }
  .sxmd-work-thumb { aspect-ratio: 16/9; }
  .sxmd-work-title { font-size: 19px; letter-spacing: 1.5px; }

  .sxmd-bio { padding: 60px 5%; }
  .sxmd-bio-dropcap { font-size: 72px; padding: 10px 10px 0 0; }
  .sxmd-bio-rest { font-size: 14px; line-height: 1.9; }
  .sxmd-bio-signature { font-size: 13px; }

  .sxmd-nav { grid-template-columns: 1fr; }
  .sxmd-nav-item {
    padding: 28px 5%;
    border-right: none;
    border-bottom: 1px solid var(--gold-line);
    text-align: center;
    align-items: center !important;
  }
  .sxmd-nav-item:last-child { border-bottom: none; }
  .sxmd-nav-item:hover {
    padding-left: 5%;
    padding-right: 5%;
    transform: none;
  }
  .sxmd-nav-name { font-size: 22px; letter-spacing: 1.5px; }

  .sxmd-contact-cta { padding: 72px 5%; }
  .sxmd-cta-btn { padding: 18px 32px; font-size: 12px; letter-spacing: 3px; }
}

/* ========== 手机 ≤480px ========== */
@media (max-width: 480px) {
  .sxmd-avatar-col { max-width: 240px; }
  .sxmd-name { font-size: 40px; letter-spacing: 2px; }
  .sxmd-years-block { flex-direction: column; align-items: flex-start; gap: 2px; }
  .sxmd-years-block::before { width: 3px; height: 3px; top: 14px; bottom: auto; }

  .sxmd-stats-inner { grid-template-columns: repeat(2, 1fr); }
  .sxmd-stat-num { font-size: 26px; }
  .sxmd-stat-label { font-size: 11px; }

  .sxmd-chip-grid { gap: 10px; }
  .sxmd-chip { padding: 10px 16px; font-size: 11px; }

  .sxmd-sh-title { font-size: 28px; letter-spacing: 3px; }
  .sxmd-work-title { font-size: 17px; }

  .sxmd-bio-dropcap { font-size: 60px; }

  .sxmd-cta-cn { font-size: 36px; letter-spacing: 4px; }
}

/* ========== 安全网：reduce motion ========== */
@media (prefers-reduced-motion: reduce) {
  .sxmd-root *,
  .sxmd-root *::before,
  .sxmd-root *::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* =====================================================
   sxmd 精简重写（v2 覆盖版）
   —— 砍冗余 + 手机全屏海报
   ===================================================== */

/* ① 隐藏所有被砍掉的冗余元素 */
.sxmd-root .sxmd-watermark,
.sxmd-root .sxmd-num-bg,
.sxmd-root .sxmd-eyebrow,
.sxmd-root .sxmd-avatar-roman,
.sxmd-root .sxmd-avatar-foot,
.sxmd-root .sxmd-avatar-line,
.sxmd-root .sxmd-avatar-projects,
.sxmd-root .sxmd-info-line,
.sxmd-root .sxmd-info-line-bar,
.sxmd-root .sxmd-info-line-dot,
.sxmd-root .sxmd-project-count,
.sxmd-root .sxmd-pc-num,
.sxmd-root .sxmd-pc-label,
.sxmd-root .sxmd-pc-sep,
.sxmd-root .sxmd-se-line,
.sxmd-root .sxmd-se-en,
.sxmd-root .sxmd-se-cn,
.sxmd-root .sxmd-eb-num,
.sxmd-root .sxmd-eb-sep,
.sxmd-root .sxmd-eb-en,
.sxmd-root .sxmd-eb-cn,
.sxmd-root .sxmd-sh-num,
.sxmd-root .sxmd-sh-line,
.sxmd-root .sxmd-work-en,
.sxmd-root .sxmd-cta-num,
.sxmd-root .sxmd-bio-eyebrow {
  display: none !important;
}

/* ② Hero 区重写 */
.sxmd-root .sxmd-hero {
  position: relative;
  display: block;          /* 复位旧样式残留的 flex，避免 hero-inner 被收缩成 fit-content */
  min-height: 620px;
  padding: 112px 0 96px;
  background: var(--cream);
  overflow: hidden;
}

/* 影视质感动态背景 ①：缓慢游走的光晕 + 横扫的柔光（灯光 / 漏光感） */
.sxmd-root .sxmd-hero::before {
  content: "";
  position: absolute;
  top: -30%; right: -20%; bottom: -30%; left: -20%;
  background-image:
    radial-gradient(closest-side, rgba(184,153,104,.34), rgba(184,153,104,0) 72%),
    radial-gradient(closest-side, rgba(184,153,104,.22), rgba(184,153,104,0) 74%),
    linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 48%, rgba(184,153,104,.30) 56%, rgba(255,255,255,0) 100%);
  background-repeat: no-repeat;
  background-position: 16% 20%, 80% 78%, -35% 50%;
  background-size: 46% 55%, 40% 48%, 14% 170%;
  filter: blur(30px);
  animation: sxmdAurora 26s ease-in-out infinite alternate,
             sxmdSweep 18s linear infinite;
  pointer-events: none;
  z-index: 0;
}

/* 影视质感动态背景 ②：胶片颗粒（帧跳变） */
.sxmd-root .sxmd-hero::after {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='130' height='130' filter='url(%23g)'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 130px 130px;
  opacity: .18;
  animation: sxmdGrain 1.2s steps(1) infinite;
  pointer-events: none;
  z-index: 3;
}

@keyframes sxmdAurora {
  0%   { transform: translate3d(-3%, 2%, 0) scale(1);    opacity: .5;  }
  50%  { transform: translate3d(4%, -3%, 0) scale(1.14); opacity: .85; }
  100% { transform: translate3d(6%, 3%, 0) scale(1.06);   opacity: .55; }
}
@keyframes sxmdSweep {
  0%   { background-position: 16% 20%, 80% 78%, -35% 50%; }
  100% { background-position: 16% 20%, 80% 78%, 135% 50%; }
}
@keyframes sxmdGrain {
  0%, 100% { background-position: 0 0; }
  12.5%    { background-position: -22px -14px; }
  25%      { background-position: 14px -26px; }
  37.5%    { background-position: -34px 18px; }
  50%      { background-position: 26px 30px; }
  62.5%    { background-position: -12px 36px; }
  75%      { background-position: 32px -8px; }
  87.5%    { background-position: -28px 8px; }
}
/* 手机上光晕层会被背景照片完全遮住，直接关掉省性能（胶片颗粒保留） */
@media (max-width: 768px) {
  .sxmd-root .sxmd-hero::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .sxmd-root .sxmd-hero::before,
  .sxmd-root .sxmd-hero::after { animation: none !important; }
}

.sxmd-root .sxmd-hero-inner {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 40px;
  display: grid;
  grid-template-columns: 380px minmax(0, 560px);
  justify-content: center;   /* PC / 平板：头像 + 信息作为整体居中 */
  gap: 80px;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* 权威数据区：少于 4 项时列数自适应（仅桌面，避免覆盖移动端 2 列布局） */
@media (min-width: 769px) {
  .sxmd-stats-inner[data-count="1"] { grid-template-columns: 1fr; }
  .sxmd-stats-inner[data-count="2"] { grid-template-columns: repeat(2, 1fr); }
  .sxmd-stats-inner[data-count="3"] { grid-template-columns: repeat(3, 1fr); }
}

/* Hero 背景图（仅手机用） */
.sxmd-root .sxmd-hero-bg {
  display: none;
}
.sxmd-root .sxmd-hero-overlay {
  display: none;
}

/* 头像：细金描边 + 右下错位画框 + hover 微动效 */
.sxmd-root .sxmd-avatar-col {
  position: relative;
}
/* 错位金色画框（压住头像右下角，露出细边框） */
.sxmd-root .sxmd-avatar-col::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  right: -16px;
  bottom: -16px;
  border: 1px solid var(--gold-line);
  border-radius: 2px;
  z-index: 0;
  transition: transform .6s cubic-bezier(0.16,1,0.3,1);
}
.sxmd-root .sxmd-avatar {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  display: block;
  border-radius: 2px;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.4),
    0 30px 60px -30px rgba(26,22,18,.35);
  filter: grayscale(.12);
  transition: filter .6s ease, transform .6s cubic-bezier(0.16,1,0.3,1);
}
.sxmd-root .sxmd-avatar-col:hover .sxmd-avatar {
  filter: grayscale(0);
  transform: translateY(-4px);
}
.sxmd-root .sxmd-avatar-col:hover::before {
  transform: translate(-4px, -4px);
}
.sxmd-root .sxmd-avatar-fallback {
  width: 100%;
  aspect-ratio: 4 / 5;
  background: var(--paper);
  border: 1px solid var(--gold-soft);
  border-radius: 2px;
}

/* 右列：三级层次 —— 身份簇（元信息+姓名+拼音）→ 简介 → 行动 */
.sxmd-root .sxmd-info-col {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding-top: 0;
  text-align: left;
}

/* ① 元信息行：职衔 ｜ 从业年限 ｜ 协会头衔（低调、可换行、细分隔线） */
.sxmd-root .sxmd-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 16px;
  margin: 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 2.5px;
  color: var(--ink-mute);
  animation: sxmdMetaIn .9s cubic-bezier(0.16,1,0.3,1) .5s both;
}
.sxmd-root .sxmd-meta-role {
  color: var(--gold);
  letter-spacing: 3px;
}
.sxmd-root .sxmd-meta-sep {
  width: 1px;
  height: 11px;
  background: var(--gold-line);
  flex: none;
}
@keyframes sxmdMetaIn {
  from { opacity: 0; transform: translateY(16px); filter: blur(6px); }
  to   { opacity: 1; transform: translateY(0);    filter: blur(0); }
}

/* ② 姓名：全页唯一绝对焦点 */
.sxmd-root .sxmd-name {
  font-family: "Songti SC", "STSong", "SimSun", serif;
  font-size: clamp(52px, 6.4vw, 92px);
  font-weight: 600;
  letter-spacing: 6px;
  color: var(--ink);
  margin: 20px 0 0;
  line-height: 1.02;
}

/* 拼音：姓名的次要回响 */
.sxmd-root .sxmd-pinyin {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  color: var(--ink-mute);
  letter-spacing: 5px;
  text-transform: uppercase;
  margin: 14px 0 0;
}

/* ③ 简介：金线起头，与身份簇拉开节奏 */
.sxmd-root .sxmd-short-desc {
  position: relative;
  font-size: 15px;
  line-height: 1.95;
  color: var(--ink-soft);
  letter-spacing: .6px;
  margin: 34px 0 0;
  padding-top: 26px;
  max-width: 480px;
}
.sxmd-root .sxmd-short-desc::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 1px;
  background: var(--gold-line);
}

/* ④ 行动区：与简介再拉一层，收束视觉重心 */
.sxmd-root .sxmd-hero-cta {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  margin-top: 40px;
  margin-bottom: 0;
}
.sxmd-root .sxmd-btn {
  display: inline-flex;
  align-items: center;
  padding: 14px 28px;
  font-family: "Songti SC", "STSong", serif;
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 1px;
  cursor: pointer;
  transition: all .35s ease;
}
.sxmd-root .sxmd-btn-primary {
  background: var(--ink);
  color: var(--paper);
  border: 1px solid var(--ink);
}
.sxmd-root .sxmd-btn-primary:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--paper);
}
.sxmd-root .sxmd-btn-outline {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--ink);
}
.sxmd-root .sxmd-btn-outline:hover {
  background: var(--ink);
  color: var(--paper);
}

/* ③ 专长 chip */
.sxmd-root .sxmd-expertise {
  padding: 50px 0;
  background: var(--paper);
  border-top: 1px solid var(--gold-soft);
  border-bottom: 1px solid var(--gold-soft);
}
.sxmd-root .sxmd-chip-grid {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.sxmd-root .sxmd-chip {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 1px;
  color: var(--ink-soft);
  padding: 8px 18px;
  border: 1px solid var(--gold-soft);
  border-radius: 1px;
  background: transparent;
  transition: all .3s ease;
}
.sxmd-root .sxmd-chip:hover {
  color: var(--ink);
  border-color: var(--gold);
  background: rgba(184,153,104,.06);
}
.sxmd-root .sxmd-chip-dot { color: var(--gold); margin-right: 4px; font-style: normal; }

/* ④ 精选案例 */
.sxmd-root .sxmd-works {
  padding: 80px 0;
  background: var(--cream);
}
.sxmd-root .sxmd-section-head {
  max-width: 1360px;
  margin: 0 auto 48px;
  padding: 0 40px;
}
.sxmd-root .sxmd-sh-title {
  font-family: "Songti SC", "STSong", serif;
  font-size: clamp(28px, 3.6vw, 44px);
  font-weight: 500;
  letter-spacing: 4px;
  color: var(--ink);
  margin: 0;
}
.sxmd-root .sxmd-sh-title em {
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-size: .55em;
  color: var(--gold);
  margin-left: 12px;
  letter-spacing: 2px;
  font-weight: 400;
}

.sxmd-root .sxmd-works-grid {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.sxmd-root .sxmd-work-card {
  background: var(--paper);
  border: 1px solid var(--gold-soft);
  transition: all .4s cubic-bezier(.22,.61,.36,1);
  display: block;
}
.sxmd-root .sxmd-work-card:hover {
  transform: translateY(-6px);
  border-color: var(--gold);
  box-shadow: 0 30px 60px -30px rgba(26,22,18,.25);
}
.sxmd-root .sxmd-work-thumb {
  aspect-ratio: 16 / 7;
  overflow: hidden;
  position: relative;
}
.sxmd-root .sxmd-work-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .9s cubic-bezier(.22,.61,.36,1), filter .6s ease;
  filter: brightness(.95);
}
.sxmd-root .sxmd-work-card:hover .sxmd-work-thumb img {
  transform: scale(1.06);
  filter: brightness(1);
}
.sxmd-root .sxmd-work-meta {
  padding: 22px 26px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.sxmd-root .sxmd-work-title {
  font-family: "Songti SC", "STSong", serif;
  font-size: 18px;
  font-weight: 500;
  color: var(--ink);
  margin: 0;
  letter-spacing: 2px;
}
.sxmd-root .sxmd-work-arrow {
  color: var(--gold);
  font-size: 18px;
  transition: transform .3s ease;
  flex-shrink: 0;
}
.sxmd-root .sxmd-work-card:hover .sxmd-work-arrow { transform: translateX(6px); }

/* ⑤ 简介 */
.sxmd-root .sxmd-bio {
  padding: 80px 0;
  background: var(--paper);
}
.sxmd-root .sxmd-bio-inner {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 40px;
}
.sxmd-root .sxmd-bio-text p {
  font-size: 15px;
  line-height: 2;
  letter-spacing: .5px;
  color: var(--ink-soft);
  margin: 0;
  text-align: justify;
}

/* ⑥ 上下导航 */
.sxmd-root .sxmd-nav {
  max-width: 1360px;
  margin: 0 auto;
  padding: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  border-top: 1px solid var(--gold-soft);
}
.sxmd-root .sxmd-nav-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 28px 0;
  border-top: 1px solid var(--gold-line);
  transition: all .3s ease;
}
.sxmd-root .sxmd-nav-prev { justify-content: flex-start; }
.sxmd-root .sxmd-nav-next { justify-content: flex-end; }
.sxmd-root .sxmd-nav-next .sxmd-nav-name { order: -1; }
.sxmd-root .sxmd-nav-dir {
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  color: var(--gold);
  font-size: 14px;
}
.sxmd-root .sxmd-nav-name {
  font-family: "Songti SC", "STSong", serif;
  font-size: 18px;
  color: var(--ink);
  letter-spacing: 2px;
}
.sxmd-root .sxmd-nav-item:hover .sxmd-nav-dir { color: var(--ink); }
.sxmd-root .sxmd-nav-item:hover .sxmd-nav-name { color: var(--gold); }
.sxmd-root .sxmd-nav-empty { border-top: 1px dashed var(--gold-soft); }

/* =====================================================
   响应式
   ===================================================== */

/* --- 平板 ≤1100px --- */
@media (max-width: 1100px) {
  .sxmd-root .sxmd-hero { padding: 84px 0 72px; min-height: auto; }
  .sxmd-root .sxmd-hero-inner {
    grid-template-columns: 280px minmax(0, 560px);
    justify-content: center;   /* 平板同样整体居中 */
    gap: 48px;
    padding: 0 28px;
  }
  .sxmd-root .sxmd-info-col { text-align: left; }
  .sxmd-root .sxmd-meta { font-size: 11px; letter-spacing: 2px; }
  .sxmd-root .sxmd-name { font-size: clamp(44px, 5vw, 68px); letter-spacing: 4px; }
  .sxmd-root .sxmd-hero-cta { justify-content: flex-start; margin-bottom: 0; }
  .sxmd-root .sxmd-works-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    padding: 0 28px;
  }
}

/* --- 手机 ≤768px ★ 海报模式（7:12 竖幅）--- */
@media (max-width: 768px) {
  .sxmd-root .sxmd-hero {
    aspect-ratio: 7 / 12;
    /* 高度 ≈ 宽度 × 12/7：375px 宽→643px，430→737px，刚好在 640~740px 区间 */
    /* 极端小屏保底 620px，极端大屏封顶 850px */
    min-height: 620px;
    max-height: 850px;
    padding: 0;
    position: relative;
    overflow: hidden;
  }

  /* 背景图容器 ★ 全局被 display:none 了，这里重新激活 */
  .sxmd-root .sxmd-hero-bg {
    display: block !important;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 0;
  }

  /* 背景图：宽度 100%，高度自动按容器比例走，object-fit: cover 不变形 */
  .sxmd-root .sxmd-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 35%;
    filter: none;
  }

  /* 遮罩 ★ 只覆盖底部文字区（下半部分），上半部分保持原照亮度 */
  .sxmd-root .sxmd-hero-overlay {
    display: block;
    position: absolute;
    top: auto; right: 0; bottom: 0; left: 0;
    /* 遮罩从 45% 处开始渐变到 100%（底部） */
    top: 45%;
    background: linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.15) 25%,
      rgba(0,0,0,.5) 55%,
      rgba(0,0,0,.88) 100%
    );
    z-index: 1;
  }

  /* 头像列隐藏 */
  .sxmd-root .sxmd-avatar-col { display: none; }

  /* 信息组：居中对齐 ★ */
  .sxmd-root .sxmd-hero-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    padding: 0 24px 56px;
    z-index: 2;
  }
  .sxmd-root .sxmd-info-col {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding-top: 0;
    text-align: center;
  }
  /* 元信息行：居中、白色低透明 */
  .sxmd-root .sxmd-meta {
    justify-content: center;
    margin: 0;
    font-size: 11px;
    letter-spacing: 1.5px;
    color: rgba(255,255,255,.82);
    gap: 0 12px;
  }
  .sxmd-root .sxmd-meta-role { color: rgba(255,255,255,.94); letter-spacing: 2px; }
  .sxmd-root .sxmd-meta-sep { background: rgba(255,255,255,.45); }

  .sxmd-root .sxmd-name {
    font-size: clamp(36px, 10vw, 56px);
    color: #fff;
    letter-spacing: 3px;
    margin: 16px 0 0;
  }
  .sxmd-root .sxmd-pinyin {
    color: rgba(255,255,255,.72);
    font-size: 12px;
    letter-spacing: 4px;
    margin: 10px 0 0;
  }
  .sxmd-root .sxmd-short-desc {
    color: rgba(255,255,255,.88);
    font-size: 13px;
    line-height: 1.85;
    letter-spacing: .3px;
    margin: 22px 0 0;
    padding-top: 16px;
    max-width: none;
  }
  .sxmd-root .sxmd-short-desc::before {
    left: calc(50% - 24px);
    background: rgba(255,255,255,.4);
  }
  .sxmd-root .sxmd-hero-cta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 26px;
    margin-bottom: 0;
  }
  .sxmd-root .sxmd-btn {
    padding: 16px 36px;
    min-width: 148px;
    justify-content: center;
    letter-spacing: 2px;
    font-size: 13px;
  }
  .sxmd-root .sxmd-btn-primary {
    background: #fff;
    color: var(--ink);
    border-color: #fff;
  }
  .sxmd-root .sxmd-btn-outline {
    color: #fff;
    border-color: rgba(255,255,255,.6);
  }
  .sxmd-root .sxmd-btn-outline:hover {
    background: #fff;
    color: var(--ink);
    border-color: #fff;
  }

  /* 专长 chip */
  .sxmd-root .sxmd-expertise { padding: 36px 0; }
  .sxmd-root .sxmd-chip-grid { padding: 0 20px; gap: 8px; }
  .sxmd-root .sxmd-chip { padding: 7px 14px; font-size: 11px; }

  /* 精选案例 */
  .sxmd-root .sxmd-works { padding: 56px 0; }
  .sxmd-root .sxmd-section-head { margin-bottom: 32px; padding: 0 20px; }
  .sxmd-root .sxmd-sh-title { font-size: 26px; letter-spacing: 3px; }
  .sxmd-root .sxmd-works-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 0 20px;
  }
  .sxmd-root .sxmd-work-meta { padding: 18px 20px; }
  .sxmd-root .sxmd-work-title { font-size: 16px; letter-spacing: 1px; }

  /* 简介 */
  .sxmd-root .sxmd-bio { padding: 56px 0; }
  .sxmd-root .sxmd-bio-inner { padding: 0 20px; }
  .sxmd-root .sxmd-bio-text p { font-size: 14px; line-height: 1.9; }

  /* 导航 */
  .sxmd-root .sxmd-nav {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 24px 20px;
  }
  .sxmd-root .sxmd-nav-item { padding: 20px 0; }
  .sxmd-root .sxmd-nav-name { font-size: 15px; letter-spacing: 1px; }
}

/* --- 手机小屏 ≤400px（iPhone SE / 5s 等）--- */
@media (max-width: 400px) {
  .sxmd-root .sxmd-hero {
    aspect-ratio: auto;
    height: clamp(560px, 88vh, 620px);
    min-height: 560px;
    max-height: 620px;
  }
  .sxmd-root .sxmd-meta { gap: 0 10px; font-size: 10px; letter-spacing: 1px; }
  .sxmd-root .sxmd-name { font-size: 30px; letter-spacing: 2px; }
  .sxmd-root .sxmd-hero-cta { flex-direction: column; align-items: stretch; gap: 10px; }
  .sxmd-root .sxmd-btn { justify-content: center; width: 100%; }
}

/* =====================================================
   分页导航
   ===================================================== */
.sxmd-root .sxmd-pagination {
  max-width: 1360px;
  margin: 56px auto 0;
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
  font-family: Georgia, 'Times New Roman', serif;
}
.sxmd-root .sxmd-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  font-size: 13px;
  font-style: italic;
  color: var(--ink-soft);
  border: 1px solid var(--gold-soft);
  border-radius: 1px;
  background: transparent;
  transition: all .3s ease;
  cursor: pointer;
}
.sxmd-root .sxmd-page:hover {
  color: var(--ink);
  border-color: var(--gold);
  background: rgba(184,153,104,.06);
}
.sxmd-root .sxmd-page-current {
  color: var(--paper);
  border-color: var(--gold);
  background: var(--gold);
  font-weight: 500;
}
.sxmd-root .sxmd-page-prev,
.sxmd-root .sxmd-page-next {
  min-width: 42px;
  font-size: 16px;
}
.sxmd-root .sxmd-empty {
  text-align: center;
  padding: 60px 20px;
  color: var(--ink-mute);
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 2px;
}

/* 分页响应式 */
@media (max-width: 768px) {
  .sxmd-root .sxmd-pagination { padding: 0 20px; margin-top: 40px; gap: 4px; }
  .sxmd-root .sxmd-page { min-width: 34px; height: 34px; font-size: 12px; padding: 0 8px; }
}

/* ========== 编辑器正文区 ========== */
.sxmd-root .sxmd-editor-content {
  padding: 72px 0;
  background: #fff;
  border-top: 1px solid var(--gold-soft);
}
.sxmd-root .sxmd-editor-inner {
  max-width: 840px;
  margin: 0 auto;
  padding: 0 40px;
  font-size: 15px;
  line-height: 2;
  color: var(--ink);
  letter-spacing: .5px;
}
.sxmd-root .sxmd-editor-inner p {
  margin: 0 0 18px;
  text-align: justify;
}
.sxmd-root .sxmd-editor-inner p:last-child { margin-bottom: 0; }
.sxmd-root .sxmd-editor-inner h1,
.sxmd-root .sxmd-editor-inner h2,
.sxmd-root .sxmd-editor-inner h3 {
  font-family: "Songti SC", "STSong", serif;
  color: var(--ink);
  letter-spacing: 3px;
  margin: 36px 0 18px;
  line-height: 1.3;
}
.sxmd-root .sxmd-editor-inner h1 { font-size: 32px; font-weight: 600; }
.sxmd-root .sxmd-editor-inner h2 { font-size: 26px; font-weight: 500; }
.sxmd-root .sxmd-editor-inner h3 { font-size: 20px; font-weight: 500; }
.sxmd-root .sxmd-editor-inner img {
  max-width: 100%;
  height: auto;
  margin: 24px auto;
  display: block;
  border-radius: 2px;
}
.sxmd-root .sxmd-editor-inner a {
  color: var(--gold);
  border-bottom: 1px solid var(--gold);
  padding-bottom: 1px;
  transition: opacity .2s ease;
}
.sxmd-root .sxmd-editor-inner a:hover { opacity: .7; }
.sxmd-root .sxmd-editor-inner blockquote {
  border-left: 3px solid var(--gold);
  padding: 8px 0 8px 20px;
  margin: 24px 0;
  color: var(--ink-soft);
  font-style: italic;
}

/* editor-content 响应式 */
@media (max-width: 768px) {
  .sxmd-root .sxmd-editor-content { padding: 48px 0; }
  .sxmd-root .sxmd-editor-inner { padding: 0 20px; font-size: 14px; line-height: 1.9; }
  .sxmd-root .sxmd-editor-inner h1 { font-size: 26px; }
  .sxmd-root .sxmd-editor-inner h2 { font-size: 22px; }
  .sxmd-root .sxmd-editor-inner h3 { font-size: 18px; }
}

/* ============================================================
   夏拾光 · Process — 从预约到交付
   Scoped under .liucheng. Dark inverted palette.
   ============================================================ */

.liucheng {
  font-family: "Songti SC", "STSongti-SC-Regular", "STSongti-SC-Bold", "STSong", "SimSun", "宋体", "Source Han Serif SC", serif;
  color: #faf6ee;
  line-height: 1.65;
  background: #1a1612;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}
.liucheng *, .liucheng *::before, .liucheng *::after { box-sizing: border-box; }
.liucheng img, .liucheng svg { max-width: 100%; display: block; }
.liucheng a { color: inherit; text-decoration: none; }
.liucheng em { font-style: normal; }
.liucheng h1, .liucheng h2, .liucheng h3, .liucheng h4, .liucheng h5, .liucheng h6 { margin: 0; }

.liucheng .container { max-width: 1440px; margin: 0 auto; padding: 30px 56px; position: relative; }
.liucheng .roman { font-family: Georgia, "Times New Roman", serif; font-style: italic; }

/* ====== PROCESS STRIP ====== */
.liucheng .process {
  padding: 30px 0;
  background: #1a1612;
  color: #faf6ee;
  position: relative;
  overflow: hidden;
}
.liucheng .process::before {
  content: 'PROCESS';
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 220px;
  font-style: italic;
  color: rgba(255, 255, 255, .025);
  letter-spacing: .05em;
  pointer-events: none;
  white-space: nowrap;
  transition: color 1.2s ease, transform 1.2s ease;
  will-change: transform;
}
.liucheng .process-head {
  display: flex; justify-content: space-between; align-items: flex-end;
  margin-bottom: 72px;
  position: relative; z-index: 2;
}
.liucheng .process-head .section-num { color: #a87b4a; }
.liucheng .process-head .section-title {
  color: #faf6ee;
  font-size: 48px;
  font-family: "Songti SC", "STSongti-SC-Regular", "STSong", "SimSun", "宋体", "Source Han Serif SC", serif;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: .04em;
  margin: 0;
}
.liucheng .process-head .section-num {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-style: italic;
  margin-bottom: 16px;
  letter-spacing: .2em;
}
.liucheng .process-head .section-num .roman { margin-left: 8px; }
.liucheng .process-head .eyebrow {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  font-style: italic;
  color: #a87b4a;
  letter-spacing: .25em;
  text-transform: uppercase;
}

.liucheng .process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  position: relative; z-index: 2;
}
.liucheng .process-step {
  padding: 0 32px 0 0;
  border-right: 1px solid rgba(250, 246, 238, .12);
  position: relative;
  transition: opacity .8s cubic-bezier(.22,.61,.36,1),
              transform .8s cubic-bezier(.22,.61,.36,1),
              border-color .4s ease;
}
.liucheng .process-step:last-child { border-right: none; padding-right: 0; }
.liucheng .process-step:nth-child(n+2) { padding-left: 32px; }
.liucheng .process-step-num {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 56px;
  font-style: italic;
  color: #a87b4a;
  line-height: 1;
  margin-bottom: 20px;
  display: inline-block;
  transform-origin: left center;
  transition: color .45s cubic-bezier(.22,.61,.36,1),
              transform .45s cubic-bezier(.22,.61,.36,1),
              letter-spacing .45s ease;
}
.liucheng .process-step-title {
  font-family: "Songti SC", "STSongti-SC-Regular", "STSong", "SimSun", "宋体", "Source Han Serif SC", serif;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 14px;
  letter-spacing: .05em;
  color: #faf6ee;
  display: inline-block;
  transition: transform .45s cubic-bezier(.22,.61,.36,1),
              letter-spacing .45s ease,
              color .45s ease;
}
.liucheng .process-step-text {
  font-size: 14px;
  color: rgba(250, 246, 238, .65);
  line-height: 1.85;
  margin: 0;
  transition: color .45s ease;
}

/* ====== HOVER INTERACTIONS ====== */
.liucheng .process-step:hover {
  border-right-color: rgba(250, 246, 238, .4);
}
.liucheng .process-step:hover .process-step-num {
  color: #faf6ee;
  transform: scale(1.06) translateX(4px);
  letter-spacing: .02em;
}
.liucheng .process-step:hover .process-step-title {
  color: #ffffff;
  transform: translateX(4px);
  letter-spacing: .09em;
}
.liucheng .process-step:hover .process-step-text {
  color: rgba(250, 246, 238, .9);
}
.liucheng .process:hover::before {
  color: rgba(168, 123, 74, .06);
  transform: translate(-50%, -50%) scale(1.03);
}
.liucheng .process-step-num::after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background: #a87b4a;
  margin-top: 12px;
  transition: width .55s cubic-bezier(.22,.61,.36,1);
}
.liucheng .process-step:hover .process-step-num::after { width: 36px; }

/* ====== SCROLL REVEAL ====== */
.liucheng.liucheng-prepared .process-step {
  opacity: 0;
  transform: translateY(32px);
}
.liucheng .process-step.in {
  opacity: 1;
  transform: translateY(0);
}
.liucheng .process-step:nth-child(1).in { transition-delay: 0s; }
.liucheng .process-step:nth-child(2).in { transition-delay: .14s; }
.liucheng .process-step:nth-child(3).in { transition-delay: .28s; }
.liucheng .process-step:nth-child(4).in { transition-delay: .42s; }

/* ====== RESPONSIVE ====== */
@media (max-width: 1024px) {
  .liucheng .container { padding: 30px 40px; }
  .liucheng .process-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 0; }
  .liucheng .process-step { border-right: none; padding: 0 24px 0 0 !important; border-bottom: 1px solid rgba(250, 246, 238, .12); padding-bottom: 32px !important; }
  .liucheng .process-step:nth-child(2n) { border-right: none; padding-left: 24px !important; }
  .liucheng .process-step:nth-last-child(-n+2) { border-bottom: none; padding-bottom: 0 !important; }
}
@media (max-width: 768px) {
  .liucheng .container { padding: 30px 24px; }
  .liucheng .process { padding: 30px 0; }
  .liucheng .process-head { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 48px; }
  .liucheng .process-head .section-title { font-size: 36px; }
  .liucheng .process-step-num { font-size: 44px; }
  .liucheng .process-step-title { font-size: 20px; }
}
@media (max-width: 480px) {
  .liucheng .container { padding: 30px 20px; }
  .liucheng .process-step { padding: 0 !important; border-right: none; }
  .liucheng .process-step:not(:last-child) { border-bottom: 1px solid rgba(250, 246, 238, .12); padding-bottom: 32px !important; margin-bottom: 32px; }
  .liucheng .process-step:last-child { padding-bottom: 0 !important; margin-bottom: 0; }
  .liucheng .process-step:nth-child(2n) { padding-left: 0 !important; }
  .liucheng .process-step-num { font-size: 40px; }
}
@media (max-width: 380px) {
  .liucheng .container { padding: 30px 16px; }
  .liucheng .process { padding: 30px 0; }
  .liucheng .process-head .section-title { font-size: 26px; }
  .liucheng .process-step-num { font-size: 36px; }
  .liucheng .process-step-title { font-size: 18px; }
  .liucheng .process-step-text { font-size: 13px; }
  .liucheng .process::before { font-size: 120px; }
}

@media (prefers-reduced-motion: reduce) {
  .liucheng *, .liucheng *::before, .liucheng *::after {
    animation: none !important;
    transition: none !important;
  }
  .liucheng.liucheng-prepared .process-step {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ============================================================
   夏拾光 · CTA — 让我们一同记录下一束光
   Scoped, self-contained component.
   ============================================================ */

.zhaohu {
  container-type: inline-size;
  container-name: zhaohu;
  font-family: "Songti SC", "STSongti-SC-Regular", "STSongti-SC-Bold", "STSong", "SimSun", "宋体", "Source Han Serif SC", serif;
  color: #1a1612;
  line-height: 1.65;
  background: #faf6ee;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  overflow: hidden;
  padding: 35px 0;
}
.zhaohu *, .zhaohu *::before, .zhaohu *::after { box-sizing: border-box; }
.zhaohu img, .zhaohu svg { max-width: 100%; display: block; }
.zhaohu a { color: inherit; text-decoration: none; }
.zhaohu em { font-style: normal; }
.zhaohu h1, .zhaohu h2, .zhaohu h3, .zhaohu h4, .zhaohu h5, .zhaohu h6 { margin: 0; }
.zhaohu strong { font-weight: 500; color: #1a1612; }
.zhaohu .roman { font-family: Georgia, "Times New Roman", serif; font-style: italic; }

/* Default layout = smallest container */
.zhaohu .cta {
  position: relative;
  padding: 48px 16px 40px;
}
.zhaohu .cta::before {
  content: '';
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background: radial-gradient(ellipse 600px 320px at 50% 50%, rgba(168, 123, 74, .12), transparent 70%);
  pointer-events: none;
}
.zhaohu .cta-watermark {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 88px;
  font-style: italic;
  color: #1a1612;
  opacity: .02;
  pointer-events: none;
  white-space: nowrap;
  letter-spacing: -.02em;
  font-weight: 400;
  max-width: 100%;
  overflow: hidden;
}
.zhaohu .cta-eyebrow { margin-bottom: 18px; position: relative; z-index: 2; }
.zhaohu .eyebrow {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
  font-style: italic;
  color: #a87b4a;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.zhaohu .eyebrow .roman { margin-left: 6px; }
.zhaohu .cta-title {
  font-family: "Songti SC", "STSongti-SC-Regular", "STSong", "SimSun", "宋体", "Source Han Serif SC", serif;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: .02em;
  margin: 0 0 20px 0;
  position: relative; z-index: 2;
  overflow-wrap: anywhere;
  word-break: keep-all;
}
.zhaohu .cta-title em {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  color: #a87b4a;
  font-size: .55em;
  display: block;
  margin-top: 6px;
  font-weight: 400;
}
.zhaohu .cta-title br { display: none; }
.zhaohu .cta-sub {
  font-size: 13px;
  color: #3d3530;
  max-width: 320px;
  margin: 0 auto 24px;
  line-height: 1.8;
  position: relative; z-index: 2;
}
.zhaohu .cta-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  position: relative; z-index: 2;
}
.zhaohu .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 18px;
  font-size: 12px;
  letter-spacing: .12em;
  border: 1px solid #1a1612;
  background: transparent;
  color: #1a1612;
  cursor: pointer;
  transition: all .4s cubic-bezier(.22,.61,.36,1);
  font-family: "Songti SC", "STSongti-SC-Regular", "STSong", "SimSun", "宋体", "Source Han Serif SC", serif;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.zhaohu .btn .arrow {
  font-family: Georgia, "Times New Roman", serif;
  transition: transform .4s cubic-bezier(.22,.61,.36,1);
  display: inline-block;
}
.zhaohu .btn:hover .arrow { transform: translateX(6px); }
.zhaohu .btn-primary { background: #1a1612; color: #faf6ee; }
.zhaohu .btn-primary:hover { background: #8a3324; border-color: #8a3324; transform: translateY(-2px); }
.zhaohu .btn-outline:hover { background: #1a1612; color: #faf6ee; transform: translateY(-2px); }

/* ===== CONTAINER QUERIES ===== */
@container zhaohu (min-width: 380px) {
  .zhaohu .cta { padding: 56px 20px 48px; }
  .zhaohu .cta-watermark { font-size: 100px; opacity: .025; }
  .zhaohu .cta-eyebrow { margin-bottom: 22px; }
  .zhaohu .eyebrow { font-size: 12px; letter-spacing: .18em; }
  .zhaohu .cta-title { font-size: 28px; margin-bottom: 24px; }
  .zhaohu .cta-sub { font-size: 14px; max-width: 380px; margin-bottom: 28px; }
  .zhaohu .cta-buttons { max-width: 320px; gap: 12px; }
  .zhaohu .btn { padding: 15px 22px; font-size: 12.5px; }
}
@container zhaohu (min-width: 480px) {
  .zhaohu .cta { padding: 68px 28px 60px; }
  .zhaohu .cta-watermark { font-size: 130px; }
  .zhaohu .cta-eyebrow { margin-bottom: 26px; }
  .zhaohu .eyebrow { font-size: 12.5px; letter-spacing: .2em; }
  .zhaohu .cta-title { font-size: 36px; line-height: 1.15; margin-bottom: 28px; }
  .zhaohu .cta-sub { font-size: 15px; max-width: 460px; margin-bottom: 36px; }
  .zhaohu .cta-buttons {
    flex-direction: row; justify-content: center; flex-wrap: wrap;
    max-width: none; width: auto; gap: 14px;
  }
  .zhaohu .btn { width: auto; padding: 16px 30px; font-size: 13px; }
}
@container zhaohu (min-width: 600px) {
  .zhaohu .cta { padding: 80px 36px 72px; }
  .zhaohu .cta-watermark { font-size: 160px; opacity: .03; }
  .zhaohu .cta-title { font-size: 42px; }
  .zhaohu .cta-title br { display: inline; }
  .zhaohu .cta-sub { font-size: 16px; max-width: 520px; margin-bottom: 44px; }
  .zhaohu .btn { padding: 17px 34px; font-size: 13.5px; letter-spacing: .14em; }
}
@container zhaohu (min-width: 768px) {
  .zhaohu .cta { padding: 100px 48px 90px; }
  .zhaohu .cta-watermark { font-size: 200px; }
  .zhaohu .cta-eyebrow { margin-bottom: 30px; }
  .zhaohu .eyebrow { font-size: 13px; letter-spacing: .25em; }
  .zhaohu .cta-title { font-size: 56px; line-height: 1.1; margin-bottom: 32px; }
  .zhaohu .cta-title em { font-size: .55em; margin-top: 8px; }
  .zhaohu .cta-sub { font-size: 17px; max-width: 560px; margin-bottom: 52px; }
  .zhaohu .cta-buttons { gap: 18px; }
  .zhaohu .btn { padding: 19px 38px; font-size: 14px; }
}
@container zhaohu (min-width: 900px) {
  .zhaohu .cta { padding: 130px 56px 110px; }
  .zhaohu .cta-watermark { font-size: 240px; }
  .zhaohu .cta-title { font-size: 68px; }
}
@container zhaohu (min-width: 1024px) {
  .zhaohu .cta { padding: 160px 56px 140px; }
  .zhaohu .cta-watermark { font-size: 280px; }
  .zhaohu .cta-title { font-size: 80px; margin-bottom: 36px; }
  .zhaohu .cta-sub { font-size: 18px; max-width: 580px; margin-bottom: 60px; }
  .zhaohu .cta-buttons { gap: 20px; }
  .zhaohu .btn { padding: 20px 42px; }
}
@container zhaohu (min-width: 1600px) {
  .zhaohu .cta { padding: 200px 80px 180px; }
  .zhaohu .cta-watermark { font-size: 340px; }
  .zhaohu .cta-title { font-size: 96px; }
  .zhaohu .cta-sub { font-size: 20px; max-width: 640px; margin-bottom: 72px; }
  .zhaohu .cta-buttons { gap: 24px; }
  .zhaohu .btn { padding: 24px 52px; font-size: 15px; }
}

/* ===== 兜底：不支持容器查询的旧内核（部分微信 / Android WebView）
   该区块本身通栏，容器宽度≈视口宽度，故用媒体查询等价还原 ===== */
@supports not (container-type: inline-size) {
  @media (min-width: 380px) {
    .zhaohu .cta { padding: 56px 20px 48px; }
    .zhaohu .cta-watermark { font-size: 100px; opacity: .025; }
    .zhaohu .cta-eyebrow { margin-bottom: 22px; }
    .zhaohu .eyebrow { font-size: 12px; letter-spacing: .18em; }
    .zhaohu .cta-title { font-size: 28px; margin-bottom: 24px; }
    .zhaohu .cta-sub { font-size: 14px; max-width: 380px; margin-bottom: 28px; }
    .zhaohu .cta-buttons { max-width: 320px; gap: 12px; }
    .zhaohu .btn { padding: 15px 22px; font-size: 12.5px; }
  }
  @media (min-width: 480px) {
    .zhaohu .cta { padding: 68px 28px 60px; }
    .zhaohu .cta-watermark { font-size: 130px; }
    .zhaohu .cta-eyebrow { margin-bottom: 26px; }
    .zhaohu .eyebrow { font-size: 12.5px; letter-spacing: .2em; }
    .zhaohu .cta-title { font-size: 36px; line-height: 1.15; margin-bottom: 28px; }
    .zhaohu .cta-sub { font-size: 15px; max-width: 460px; margin-bottom: 36px; }
    .zhaohu .cta-buttons { flex-direction: row; justify-content: center; flex-wrap: wrap; max-width: none; width: auto; gap: 14px; }
    .zhaohu .btn { width: auto; padding: 16px 30px; font-size: 13px; }
  }
  @media (min-width: 600px) {
    .zhaohu .cta { padding: 80px 36px 72px; }
    .zhaohu .cta-watermark { font-size: 160px; opacity: .03; }
    .zhaohu .cta-title { font-size: 42px; }
    .zhaohu .cta-title br { display: inline; }
    .zhaohu .cta-sub { font-size: 16px; max-width: 520px; margin-bottom: 44px; }
    .zhaohu .btn { padding: 17px 34px; font-size: 13.5px; letter-spacing: .14em; }
  }
  @media (min-width: 768px) {
    .zhaohu .cta { padding: 100px 48px 90px; }
    .zhaohu .cta-watermark { font-size: 200px; }
    .zhaohu .cta-eyebrow { margin-bottom: 30px; }
    .zhaohu .eyebrow { font-size: 13px; letter-spacing: .25em; }
    .zhaohu .cta-title { font-size: 56px; line-height: 1.1; margin-bottom: 32px; }
    .zhaohu .cta-title em { font-size: .55em; margin-top: 8px; }
    .zhaohu .cta-sub { font-size: 17px; max-width: 560px; margin-bottom: 52px; }
    .zhaohu .cta-buttons { gap: 18px; }
    .zhaohu .btn { padding: 19px 38px; font-size: 14px; }
  }
  @media (min-width: 900px) {
    .zhaohu .cta { padding: 130px 56px 110px; }
    .zhaohu .cta-watermark { font-size: 240px; }
    .zhaohu .cta-title { font-size: 68px; }
  }
  @media (min-width: 1024px) {
    .zhaohu .cta { padding: 160px 56px 140px; }
    .zhaohu .cta-watermark { font-size: 280px; }
    .zhaohu .cta-title { font-size: 80px; margin-bottom: 36px; }
    .zhaohu .cta-sub { font-size: 18px; max-width: 580px; margin-bottom: 60px; }
    .zhaohu .cta-buttons { gap: 20px; }
    .zhaohu .btn { padding: 20px 42px; }
  }
  @media (min-width: 1600px) {
    .zhaohu .cta { padding: 200px 80px 180px; }
    .zhaohu .cta-watermark { font-size: 340px; }
    .zhaohu .cta-title { font-size: 96px; }
    .zhaohu .cta-sub { font-size: 20px; max-width: 640px; margin-bottom: 72px; }
    .zhaohu .cta-buttons { gap: 24px; }
    .zhaohu .btn { padding: 24px 52px; font-size: 15px; }
  }
}

/* ===== SCROLL REVEAL ===== */
.zhaohu.zhaohu-prepared .cta-eyebrow,
.zhaohu.zhaohu-prepared .cta-title,
.zhaohu.zhaohu-prepared .cta-sub,
.zhaohu.zhaohu-prepared .cta-buttons {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .9s cubic-bezier(.22,.61,.36,1), transform .9s cubic-bezier(.22,.61,.36,1);
}
.zhaohu .cta-eyebrow.in,
.zhaohu .cta-title.in,
.zhaohu .cta-sub.in,
.zhaohu .cta-buttons.in {
  opacity: 1;
  transform: translateY(0);
}
.zhaohu .cta-eyebrow.in { transition-delay: 0s; }
.zhaohu .cta-title.in   { transition-delay: .12s; }
.zhaohu .cta-sub.in     { transition-delay: .24s; }
.zhaohu .cta-buttons.in { transition-delay: .36s; }

@media (prefers-reduced-motion: reduce) {
  .zhaohu *, .zhaohu *::before, .zhaohu *::after {
    animation: none !important;
    transition: none !important;
  }
  .zhaohu.zhaohu-prepared .cta-eyebrow,
  .zhaohu.zhaohu-prepared .cta-title,
  .zhaohu.zhaohu-prepared .cta-sub,
  .zhaohu.zhaohu-prepared .cta-buttons {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ===== 安全网：全幅区块不应出现在窄容器（主题移动端抽屉 / 小工具）中 =====
   这些 .liucheng / .zhaohu 区块由插件模板在案例页面底部整幅输出。
   若被误放入 mobile-navbar、小工具等窄容器，会因宽度被压缩导致元素重叠。
   此处直接隐藏，避免撑破抽屉布局。 */
.mobile-navbar .liucheng,
.mobile-navbar .zhaohu,
.mobile-nav-widget .liucheng,
.mobile-nav-widget .zhaohu,
.widget .liucheng,
.widget .zhaohu,
.textwidget .liucheng,
.textwidget .zhaohu,
.custom-html-widget .liucheng,
.custom-html-widget .zhaohu {
  display: none !important;
}

/* 正文内的整幅区块保持不压缩 */
.liucheng, .zhaohu { min-width: 0; max-width: 100%; }


/* ============================================================
   小工具（Widget）：案例列表 / 团队展示
   设计原则：外层只做 grid 容器 + 自包含变量
   内部 .sx-tm-card / .category-card 全靠 team.css 主样式
   ============================================================ */

.sxw {
  /* 自包含设计 token（与主站 .sx-tm 1:1 对齐） */
  --cream: #F3ECDC;
  --gold: #B89968;
  --gold-soft: rgba(184, 153, 104, 0.22);
  --gold-line: rgba(184, 153, 104, 0.4);
  --ink: #2A2520;
  --ink-soft: #5B4F44;
  --ink-mute: #8C7E6E;
  --paper: #FAF6EC;

  /* 容器本身透明 — 深色页脚里不撑一层米白底，让卡片自己显 */
  background: transparent;
  font-family: '阿里普惠', 'SimSun', 'Songti SC', 'STSong', 'Noto Serif SC', serif;
  line-height: 1.6;
  color: var(--ink);
  padding: 0;
}
.sxw *, .sxw *::before, .sxw *::after { box-sizing: border-box; }
.sxw img { display: block; max-width: 100%; }
.sxw em { font-style: normal; }

/* ---------- 主题 widget 容器强制去底色 + 阴影 ---------- */
.widget.sx-widget,
.widget.sx-widget-cases,
.widget.sx-widget-members,
.widget:has(.sxw) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}
.widget.sx-widget .widget-title,
.widget.sx-widget-cases .widget-title,
.widget.sx-widget-members .widget-title {
  background: transparent !important;
  border: 0 !important;
}

/* ---------- 主题常给 .widget a 加下划线，这里统一压掉 ---------- */
.sxw a,
.sxw a:hover,
.sxw a:focus {
  text-decoration: none;
  border-bottom: 0;
  box-shadow: none;
}

/* ---------- 查看全部链接（主站 .sx-tm-card-link 风格） ---------- */
.sxw .sxw-more {
  grid-column: 1 / -1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding-top: 16px;
  font-size: 11px;
  letter-spacing: 3px;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  font-family: '阿里普惠', 'SimSun', 'Songti SC', 'STSong', serif;
  cursor: pointer;
  transition: all 0.4s ease;
  width: fit-content;
}
.sxw .sxw-more em {
  font-style: normal;
  display: inline-block;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.sxw .sxw-more:hover {
  color: var(--gold);
  border-color: var(--gold);
}
.sxw .sxw-more:hover em { transform: translateX(4px); }

/* ============================================================
   案例列表容器 —— 内部 .category-card 全靠 .sxca-menlei .category-card (L1915+)
   这里只负责 grid 布局
   ============================================================ */
.sxw.sxw-cases.sxca-menlei {
  display: grid;
  gap: 18px 14px;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

/* ============================================================
   团队展示容器 —— 内部 .sx-tm-card 全靠 L449-L925 完整样式
   这里只负责 grid 布局 + hover 兜底 + 深色兼容
   ============================================================ */
.sxw.sxw-members {
  display: grid;
  gap: 20px 16px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

/* 无底色：卡片透明融入父容器，保留细金描边 */
.sxw-members .sx-tm-card {
  background: transparent;
  border: 1px solid var(--gold-soft);
}
.sxw.sxw-cases.sxca-menlei .category-card {
  background: transparent;
}

/* hover 兜底 —— team.css 主样式里只给 .sx-tm-card.hovering 类激活
   没有 JS 绑 hovering 时，纯 CSS :hover 也能看到效果 */
.sxw .sx-tm-card:hover::before { opacity: 1; }
.sxw .sx-tm-card:hover .sx-tm-scan { left: 130%; }

/* ============================================================
   手机 <=480px 断点（窄抽屉 / 手机侧栏）
   ============================================================ */
@media (max-width: 480px) {
  .sxw.sxw-cases.sxca-menlei {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .sxw.sxw-members {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .sxw .sxw-more {
    margin-top: 10px;
    padding-top: 12px;
    font-size: 10px;
    letter-spacing: 2px;
  }
}