/* 卓越 · 企业与行业纵深层样式（10 大板块 + 行业白皮书全文阅读器） */
.zy-ind-sec {
  position: relative;
  background: #0a0a0a;
  color: #f2f2f2;
  padding: 136px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
.zy-ind-sec::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(900px 380px at 80% 0%, rgba(110, 240, 220, 0.055), transparent 70%);
  pointer-events: none;
}

/* 1. 行业分水岭 (#shift) */
.zy-shift-grid {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 24px;
  align-items: stretch;
}
.zy-shift-tabs {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.zy-shift-tab {
  text-align: left;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 18px 20px;
  color: #a8a8a8;
  cursor: pointer;
  transition: all 0.22s ease;
}
.zy-shift-tab small {
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  color: #6ef0dc;
  letter-spacing: 0.08em;
  margin-bottom: 6px;
}
.zy-shift-tab b {
  display: block;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 4px;
}
.zy-shift-tab span {
  font-size: 13px;
  color: #808080;
}
.zy-shift-tab:hover,
.zy-shift-tab.is-on {
  background: rgba(110, 240, 220, 0.08);
  border-color: rgba(110, 240, 220, 0.45);
  transform: translateX(4px);
}
.zy-shift-panel {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.zy-shift-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 22px 0;
}
.zy-shift-box {
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 22px;
}
.zy-shift-box--new {
  background: linear-gradient(155deg, rgba(110, 240, 220, 0.09), rgba(10, 10, 10, 0.7));
  border-color: rgba(110, 240, 220, 0.38);
}
.zy-shift-box small {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: #8c8c8c;
  margin-bottom: 10px;
}
.zy-shift-box--new small {
  color: #6ef0dc;
}
.zy-shift-box h4 {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 10px;
}
.zy-shift-box p {
  font-size: 14px;
  line-height: 1.75;
  color: #a6a6a6;
  margin: 0;
}
.zy-shift-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.zy-shift-metrics div b {
  display: block;
  font-size: 24px;
  font-weight: 400;
  color: #6ef0dc;
  font-family: var(--font-mono);
}
.zy-shift-metrics div span {
  font-size: 12px;
  color: #8c8c8c;
}

/* 2. 黄金三秒与完播率实验室 (#retention) */
.zy-ret-wrap {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  padding: 28px;
}
.zy-ret-chart {
  position: relative;
  background: radial-gradient(circle at 50% 0%, rgba(110, 240, 220, 0.08), rgba(0, 0, 0, 0.6));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 24px 20px 18px;
  margin: 20px 0;
}
.zy-ret-svg {
  width: 100%;
  height: 190px;
  display: block;
  overflow: visible;
}
.zy-ret-nodes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 16px;
}
.zy-ret-node {
  text-align: left;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 14px 16px;
  color: #ccc;
  cursor: pointer;
  transition: all 0.2s ease;
}
.zy-ret-node small {
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  color: #6ef0dc;
  margin-bottom: 4px;
}
.zy-ret-node b {
  display: block;
  font-size: 15px;
  color: #fff;
  margin-bottom: 4px;
}
.zy-ret-node span {
  font-size: 12px;
  color: #888;
}
.zy-ret-node.is-on,
.zy-ret-node:hover {
  background: rgba(110, 240, 220, 0.1);
  border-color: #6ef0dc;
}
.zy-ret-detail {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 20px;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 22px;
}

/* 3. 六大工业级美术管线 (#artstyle) */
.zy-art-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin-bottom: 22px;
}
.zy-art-btn {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 10px;
  text-align: left;
  cursor: pointer;
  color: #fff;
  transition: all 0.2s ease;
}
.zy-art-btn img {
  width: 100%;
  height: 88px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 8px;
  display: block;
}
.zy-art-btn small {
  display: block;
  font-family: var(--font-mono);
  font-size: 10px;
  color: #6ef0dc;
}
.zy-art-btn b {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px;
}
.zy-art-btn.is-on,
.zy-art-btn:hover {
  border-color: #6ef0dc;
  background: rgba(110, 240, 220, 0.08);
  transform: translateY(-2px);
}
.zy-art-stage {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 26px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  padding: 26px;
  align-items: center;
}
.zy-art-stage__pic {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.zy-art-stage__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.zy-swatches {
  display: flex;
  gap: 10px;
  margin: 16px 0;
}
.zy-swatch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 99px;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-family: var(--font-mono);
  font-size: 12px;
  color: #d0d0d0;
}
.zy-swatch i {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}

/* 4. 多角色声学与情绪配音工程 (#soundstage) */
.zy-snd-box {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 24px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  padding: 28px;
}
.zy-snd-eq {
  height: 96px;
  display: flex;
  align-items: flex-end;
  gap: 5px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  margin: 16px 0;
}
.zy-snd-eq i {
  flex: 1;
  background: linear-gradient(180deg, #6ef0dc, rgba(110, 240, 220, 0.18));
  border-radius: 3px;
  height: 28%;
  animation: zyEqPulse 1.3s ease-in-out infinite alternate;
}
@keyframes zyEqPulse {
  0% { height: 18%; opacity: 0.45; }
  100% { height: 92%; opacity: 1; }
}
.zy-stems {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.zy-stem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 10px;
  padding: 12px 14px;
  color: #e0e0e0;
  cursor: pointer;
  font-size: 13px;
}
.zy-stem.is-on {
  border-color: rgba(110, 240, 220, 0.5);
  background: rgba(110, 240, 220, 0.08);
}
.zy-stem em {
  font-style: normal;
  font-family: var(--font-mono);
  font-size: 11px;
  color: #6ef0dc;
}

/* 5. 企业级数字 IP 资产金库 (#ipvault) */
.zy-vault-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 24px;
}
.zy-vault-card {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  padding: 28px;
}
.zy-vault-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 18px;
}
.zy-vault-item {
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 16px;
}
.zy-vault-item small {
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  color: #6ef0dc;
  margin-bottom: 6px;
}
.zy-vault-item b {
  display: block;
  font-size: 15px;
  color: #fff;
  margin-bottom: 6px;
}
.zy-vault-item p {
  font-size: 13px;
  color: #8c8c8c;
  margin: 0;
  line-height: 1.6;
}

/* 6. 漫剧工作室产能与经济模拟器 (#economics) */
.zy-eco {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 26px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  padding: 32px;
}
.zy-slider-row {
  margin-bottom: 22px;
}
.zy-slider-row label {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 14px;
  color: #ccc;
  margin-bottom: 10px;
}
.zy-slider-row label b {
  font-family: var(--font-mono);
  font-size: 20px;
  color: #6ef0dc;
}
.zy-range {
  width: 100%;
  accent-color: #6ef0dc;
  cursor: pointer;
}
.zy-eco-kpis {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
.zy-eco-kpi {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 20px;
}
.zy-eco-kpi--highlight {
  border-color: rgba(110, 240, 220, 0.45);
  background: linear-gradient(145deg, rgba(110, 240, 220, 0.11), rgba(0, 0, 0, 0.55));
}
.zy-eco-kpi small {
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  color: #8c8c8c;
  margin-bottom: 8px;
}
.zy-eco-kpi strong {
  display: block;
  font-family: var(--font-mono);
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 6px;
}
.zy-eco-kpi--highlight strong {
  color: #6ef0dc;
}
.zy-eco-kpi span {
  font-size: 12px;
  color: #8c8c8c;
}

/* 7. 全渠道商业发行与全球出海矩阵 (#distribution) */
.zy-dist-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 22px;
}
.zy-dist-card {
  text-align: left;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 20px;
  cursor: pointer;
  color: #fff;
  transition: all 0.2s ease;
}
.zy-dist-card small {
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  color: #6ef0dc;
  margin-bottom: 8px;
}
.zy-dist-card b {
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 6px;
}
.zy-dist-card span {
  font-size: 13px;
  color: #888;
  line-height: 1.5;
}
.zy-dist-card.is-on,
.zy-dist-card:hover {
  border-color: #6ef0dc;
  background: rgba(110, 240, 220, 0.08);
}

/* 8. 关于卓越 · 企业愿景与数字内容基础设施 (#enterprise) */
.zy-ent-hero {
  background: linear-gradient(135deg, rgba(110, 240, 220, 0.09), rgba(255, 255, 255, 0.02));
  border: 1px solid rgba(110, 240, 220, 0.28);
  border-radius: 18px;
  padding: 38px;
  margin-bottom: 24px;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 28px;
  align-items: center;
}
.zy-ent-pillars {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.zy-ent-pillar {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 24px;
}
.zy-ent-pillar small {
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  color: #6ef0dc;
  margin-bottom: 10px;
}
.zy-ent-pillar h3 {
  font-size: 19px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 10px;
}
.zy-ent-pillar p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #969696;
  margin: 0;
}

/* 9. 工业化演进路线 (#roadmap) */
.zy-road-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.zy-road-step {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 24px;
  position: relative;
}
.zy-road-step::after {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  height: 2px;
  background: linear-gradient(90deg, #6ef0dc, transparent);
}
.zy-road-step small {
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  color: #6ef0dc;
  margin-bottom: 8px;
}
.zy-road-step h3 {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 10px;
}
.zy-road-step p {
  font-size: 13.5px;
  color: #8f8f8f;
  line-height: 1.7;
  margin: 0 0 14px;
}
.zy-road-step ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  padding-top: 12px;
}
.zy-road-step li {
  font-size: 12.5px;
  color: #bdbdbd;
  padding: 4px 0;
}

/* 10. 行业研究与白皮书专栏 (#whitepapers) + 沉浸式全文阅读器抽屉 */
.zy-wp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.zy-wp-card {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.22s ease;
  text-align: left;
  color: #fff;
}
.zy-wp-card:hover {
  border-color: #6ef0dc;
  background: rgba(110, 240, 220, 0.06);
  transform: translateY(-3px);
}
.zy-wp-card small {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 11px;
  color: #6ef0dc;
  margin-bottom: 10px;
}
.zy-wp-card h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.45;
  color: #fff;
  margin: 0 0 12px;
}
.zy-wp-card p {
  font-size: 13.5px;
  line-height: 1.7;
  color: #949494;
  margin: 0 0 18px;
}
.zy-wp-card__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-family: var(--font-mono);
  font-size: 12px;
  color: #6ef0dc;
}

/* 全屏行业白皮书阅读器 Modal */
.zy-reader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(5, 5, 5, 0.84);
  backdrop-filter: blur(14px);
  display: flex;
  justify-content: flex-end;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.26s ease;
}
.zy-reader.is-open {
  opacity: 1;
  pointer-events: auto;
}
.zy-reader__panel {
  width: min(980px, 100vw);
  height: 100%;
  background: #0d0f0f;
  border-left: 1px solid rgba(110, 240, 220, 0.25);
  display: grid;
  grid-template-rows: auto 1fr auto;
  color: #ececec;
  box-shadow: -24px 0 80px rgba(0, 0, 0, 0.75);
}
.zy-reader__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(10, 10, 10, 0.9);
}
.zy-reader__close {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #fff;
  border-radius: 8px;
  padding: 8px 16px;
  cursor: pointer;
  font-size: 13px;
}
.zy-reader__close:hover {
  border-color: #6ef0dc;
  color: #6ef0dc;
}
.zy-reader__body {
  display: grid;
  grid-template-columns: 250px 1fr;
  overflow: hidden;
}
.zy-reader__nav {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  padding: 20px 14px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.zy-reader__tab {
  text-align: left;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 9px;
  padding: 12px;
  color: #9e9e9e;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.45;
}
.zy-reader__tab small {
  display: block;
  font-family: var(--font-mono);
  font-size: 10px;
  color: #6ef0dc;
  margin-bottom: 4px;
}
.zy-reader__tab.is-on,
.zy-reader__tab:hover {
  background: rgba(110, 240, 220, 0.09);
  border-color: rgba(110, 240, 220, 0.35);
  color: #fff;
}
.zy-reader__doc {
  padding: 36px 44px;
  overflow-y: auto;
  line-height: 1.85;
}
.zy-reader__doc h2 {
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  margin: 10px 0 18px;
  line-height: 1.3;
}
.zy-reader__doc h3 {
  font-size: 20px;
  font-weight: 500;
  color: #6ef0dc;
  margin: 28px 0 10px;
}
.zy-reader__doc p {
  color: #c9c9c9;
  font-size: 15.5px;
  margin: 0 0 16px;
}
.zy-reader__doc blockquote {
  margin: 20px 0;
  padding: 16px 20px;
  background: rgba(110, 240, 220, 0.06);
  border-left: 3px solid #6ef0dc;
  border-radius: 0 10px 10px 0;
  color: #e8e8e8;
  font-size: 14.5px;
}
.zy-reader__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(10, 10, 10, 0.95);
}

@media (max-width: 1040px) {
  .zy-ind-sec { padding: 88px 0; }
  .zy-shift-grid,
  .zy-shift-pair,
  .zy-ret-detail,
  .zy-art-stage,
  .zy-snd-box,
  .zy-vault-grid,
  .zy-eco,
  .zy-ent-hero { grid-template-columns: 1fr; }
  .zy-ret-nodes,
  .zy-dist-cards,
  .zy-ent-pillars,
  .zy-road-grid,
  .zy-wp-grid { grid-template-columns: 1fr 1fr; }
  .zy-art-grid { grid-template-columns: repeat(3, 1fr); }
  .zy-reader__body { grid-template-columns: 1fr; }
  .zy-reader__nav { display: none; }
  .zy-reader__doc { padding: 24px 20px; }
}
@media (max-width: 640px) {
  .zy-ret-nodes,
  .zy-dist-cards,
  .zy-ent-pillars,
  .zy-road-grid,
  .zy-wp-grid,
  .zy-vault-items,
  .zy-eco-kpis,
  .zy-stems,
  .zy-shift-metrics { grid-template-columns: 1fr; }
  .zy-art-grid { grid-template-columns: repeat(2, 1fr); }
}