/* ============================================
   css/end.css
   Mucha Exhibition v7.1.17 OSS (v6 起源 + v7.1.x 暗色/优化增量)
   ============================================ */

/* ===================== 尾声 ===================== */
.end{position:relative;padding:140px 6% 100px;text-align:center;overflow:hidden;z-index:1;
  background:linear-gradient(180deg,var(--ivory) 0%,#FAF4E6 50%,var(--ivory-deep) 100%)}
.end-quote{font-family:'Great Vibes','Cormorant Garamond',cursive;font-size:clamp(40px,6vw,80px);
  background:linear-gradient(180deg,var(--gold-pale),var(--gold-bright),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  margin:0;line-height:1.4;filter:drop-shadow(0 0 12px rgba(var(--gold-rgb), 0.3))}
.end-sub{font-family:'Noto Serif SC',serif;font-size:clamp(16px,2vw,22px);letter-spacing:0.4em;color:var(--ink);margin-top:30px}

/* ===================== 专属签名艺术字 =====================
   鎏金斜体 + 闪光扫光 + 鎏金粒子飘落
   复用：fork 后可填入自己的签名句（一句 motto / 一行诗 / 一个名字） */
.signature-art{
  position:relative;
  padding:48px 0 56px;
  text-align:center;
  z-index:2;
  overflow:visible;
}
.signature-art-pre{
  font-family:'Cinzel Decorative','Cormorant Garamond',serif;
  font-size:13px;letter-spacing:0.4em;
  color:var(--gold);
  text-transform:uppercase;
  margin:0 0 36px;opacity:0.85;
}
/* 中文主标：斜体 + 整体微倾 + 鎏金 + 闪光 */
.signature-art-zh{
  font-family:'Noto Serif SC','Cormorant Garamond',serif;
  font-weight:700;
  font-size:clamp(48px,8vw,128px);
  line-height:1.15;
  letter-spacing:0.15em;
  margin:0 0 8px;
  font-style:italic;
  /* 鎏金五段渐变（与项目主色一致） */
  background:linear-gradient(180deg,var(--gold-pale) 0%,var(--gold-bright) 25%,var(--gold) 50%,var(--gold-bright) 75%,var(--gold-pale) 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  background-size:200% 200%;
  /* 闪光扫光动效：背景位置 50% 50% 来回 */
  animation:signShimmer 4.5s ease-in-out infinite;
  /* 整体微倾 + 鎏金光晕 */
  transform:rotate(-1.5deg);
  filter:drop-shadow(0 0 24px rgba(var(--gold-rgb), 0.45)) drop-shadow(0 2px 6px rgba(var(--gold-deep-rgb), 0.35));
  display:inline-block;
}
/* 英文花体 */
.signature-art-en{
  font-family:'Great Vibes','Cormorant Garamond',cursive;
  font-size:clamp(36px,5.5vw,80px);
  font-weight:400;
  font-style:italic;
  margin:20px 0 0;
  letter-spacing:0.04em;
  background:linear-gradient(180deg,var(--gold-pale) 0%,var(--gold-bright) 30%,var(--gold) 60%,var(--gold-bright) 90%,var(--gold-pale) 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  background-size:200% 200%;
  animation:signShimmer 4.5s ease-in-out infinite;
  animation-delay:0.6s;
  filter:drop-shadow(0 0 14px rgba(var(--gold-rgb), 0.4)) drop-shadow(0 1px 3px rgba(var(--gold-deep-rgb), 0.3));
  display:inline-block;
}
/* 装饰花饰线（手绘风） */
.signature-art-flourish{
  width:220px;height:24px;
  margin:36px auto 0;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 24'><path d='M0,12 Q55,2 110,12 T220,12' stroke='%23B8860B' stroke-width='1' fill='none' opacity='0.65'/><circle cx='110' cy='12' r='3.5' fill='%23FFD700'/><circle cx='86' cy='11' r='1.4' fill='%23B8860B'/><circle cx='134' cy='11' r='1.4' fill='%23B8860B'/><circle cx='110' cy='12' r='1' fill='%23F4E4BC'/></svg>") center/contain no-repeat;
  opacity:0.7;
}
/* 鎏金粒子容器 */
.signature-art-particles{
  position:absolute;inset:0;
  pointer-events:none;overflow:visible;
  z-index:0;
}
.signature-art-particle{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  will-change:transform,opacity;
  animation:signParticleRise var(--dur,5s) ease-out infinite;
  animation-delay:var(--delay,0s);
}
/* 闪光扫光动效 */
@keyframes signShimmer{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
/* 粒子从中心向上飘散 */
@keyframes signParticleRise{
  0%   {transform:translate(var(--x0,50%),var(--y0,55%)) scale(0.2);opacity:0}
  10%  {transform:translate(var(--x0,50%),calc(var(--y0,55%) - 5%)) scale(1);opacity:0.95}
  80%  {opacity:0.5}
  100% {transform:translate(var(--x1,50%),var(--y1,5%)) scale(0.3);opacity:0}
}
/* reduced-motion 友好：暂停扫光 + 粒子 */
@media (prefers-reduced-motion: reduce){
  .signature-art-zh,
  .signature-art-en{animation:none;background-position:50% 50%}
  .signature-art-particle{animation:none;display:none}
}

/* ===================== 署名页脚 ===================== */
.signature{position:relative;padding:80px 6% 60px;text-align:center;
  background:linear-gradient(180deg,var(--ivory) 0%,var(--ivory-deep) 100%);
  border-top:2px solid;border-image:linear-gradient(90deg,transparent,var(--gold),transparent) 1;z-index:1}
.sig-rosette{margin:0 auto 30px}
.sig-name{font-family:'Cinzel Decorative',serif;font-size:32px;font-weight:700;
  background:linear-gradient(180deg,var(--gold-pale),var(--gold-bright),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  letter-spacing:0.3em;margin:0}
.sig-label{font-family:'Cormorant Garamond',serif;font-size:14px;letter-spacing:0.4em;color:var(--gold);margin-top:8px;text-transform:uppercase}
.sig-email{font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--ink);margin-top:20px;letter-spacing:0.2em;font-style:italic}
.sig-year{font-family:'Cinzel Decorative',serif;font-size:13px;color:var(--gold);letter-spacing:0.5em;margin-top:30px;text-transform:uppercase}


/* ========== 幕后制作：v1 → v6 演化图 ========== */
.making-of{
  max-width:980px;margin:80px auto 0;padding:60px 40px 40px;
  background:linear-gradient(180deg,rgba(244,236,216,0.4),rgba(232,220,192,0.2));
  border:1px solid var(--gold-light);
  position:relative;text-align:center;
}
.making-of::before,.making-of::after{content:'';position:absolute;width:36px;height:36px;
  border:1.5px solid var(--gold);opacity:0.7}
.making-of::before{top:12px;left:12px;border-right:none;border-bottom:none}
.making-of::after{bottom:12px;right:12px;border-left:none;border-top:none}
.making-of-label{
  font-family:'Cinzel',serif;font-size:11px;letter-spacing:0.5em;
  color:var(--gold);text-transform:uppercase;margin:0 0 12px;opacity:0.85;
}
.making-of-title{
  font-family:'Noto Serif SC',serif;font-size:clamp(20px,2.6vw,28px);font-weight:600;
  color:var(--ink);letter-spacing:0.15em;margin:0 0 6px;line-height:1.3;
}
.making-of-sub{
  font-family:'Cormorant Garamond',serif;font-size:13px;font-style:italic;
  color:var(--ink-soft);letter-spacing:0.1em;margin:0 0 28px;
}
.making-of-image{
  max-width:900px;margin:0 auto 24px;
  border:1px solid var(--gold-light);
  box-shadow:0 10px 40px rgba(var(--gold-deep-rgb), 0.12);
  overflow:hidden;
  background:#F4ECD8;
  cursor:pointer;  /* v7.1.15: 接入 lightbox（点击放大查看演化图） */
  transition:transform 0.4s,box-shadow 0.4s;
}
.making-of-image:hover{
  transform:scale(1.01);
  box-shadow:0 16px 50px rgba(var(--gold-rgb), 0.25);
}
.making-of-image img{
  display:block;width:100%;height:auto;
}
.making-of-caption{
  font-family:'Noto Serif SC',serif;font-size:13.5px;line-height:1.85;
  color:var(--ink-soft);letter-spacing:0.04em;margin:0;
  font-style:italic;max-width:720px;margin:0 auto;
}
@media (max-width:760px){
  .making-of{padding:36px 18px 24px;margin-top:48px}
  .making-of-image{margin-bottom:16px}
}

/* ============================================
   v7.1.12 end 段暗色增强
   - .end 背景：浅米 → 深月蓝渐变
   - 签名：保留鎏金感 + 月白 drop-shadow
   - .making-of：暗背景 + 月金边
   - .sig-* 月白
   ============================================ */
:root[data-theme="dark"] .end {
  background: linear-gradient(180deg, #0F1B2A 0%, #1A2840 50%, #0F1B2A 100%);
}
:root[data-theme="dark"] .end-quote {
  filter: drop-shadow(0 0 16px rgba(168, 192, 216, 0.5));
}
:root[data-theme="dark"] .end-sub {
  color: var(--gold-light);
}
:root[data-theme="dark"] .signature-art {
  /* 暗色下签名：保留鎏金感 + 月白 drop-shadow */
  filter: drop-shadow(0 0 24px rgba(232, 240, 250, 0.35));
}
:root[data-theme="dark"] .signature-art-zh {
  /* 暗色下用月银 + 月白 drop-shadow */
  background: linear-gradient(180deg, #E8F0FA 0%, #C0D0E0 50%, #7A98B8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 24px rgba(232, 240, 250, 0.5)) drop-shadow(0 2px 6px rgba(168, 192, 216, 0.3));
}
:root[data-theme="dark"] .signature-art-en {
  background: linear-gradient(180deg, #E8F0FA 0%, #C0D0E0 50%, #7A98B8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 14px rgba(232, 240, 250, 0.4)) drop-shadow(0 1px 3px rgba(168, 192, 216, 0.3));
}
:root[data-theme="dark"] .signature-art-pre {
  color: var(--gold-light);
}
:root[data-theme="dark"] .signature-art-flourish {
  filter: hue-rotate(195deg) saturate(0.4) brightness(1.5);
  opacity: 0.6;
}
:root[data-theme="dark"] .signature {
  background: linear-gradient(180deg, #0F1B2A 0%, #1A2840 100%);
  border-image: linear-gradient(90deg, transparent, var(--gold-light), transparent) 1;
}
:root[data-theme="dark"] .sig-name {
  background: linear-gradient(180deg, var(--gold-pale), var(--gold-bright), var(--gold-light));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
:root[data-theme="dark"] .sig-label {
  color: var(--gold-light);
}
:root[data-theme="dark"] .sig-email {
  color: var(--text-light);
}
:root[data-theme="dark"] .sig-year {
  color: var(--gold-light);
}
:root[data-theme="dark"] .making-of {
  background: linear-gradient(180deg, rgba(36, 58, 82, 0.5), rgba(15, 27, 42, 0.3));
  border-color: var(--gold-light);
}
:root[data-theme="dark"] .making-of::before,
:root[data-theme="dark"] .making-of::after {
  border-color: var(--gold-bright);
  opacity: 0.6;
}
:root[data-theme="dark"] .making-of {
  background: linear-gradient(180deg, rgba(20, 30, 48, 0.6), rgba(15, 27, 42, 0.4));
  border-color: var(--gold-light);
  box-shadow: 0 0 40px rgba(168, 192, 216, 0.15);
}
:root[data-theme="dark"] .making-of::before,
:root[data-theme="dark"] .making-of::after {
  border-color: var(--gold-light);
  opacity: 0.85;
}
:root[data-theme="dark"] .making-of-label {
  color: var(--gold-light);
}
:root[data-theme="dark"] .making-of-title {
  color: var(--text-light);
}
:root[data-theme="dark"] .making-of-sub {
  color: var(--gold-light);
}
:root[data-theme="dark"] .making-of-image {
  border-color: var(--gold-light);
  background: #0F1B2A;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}
:root[data-theme="dark"] .making-of-image:hover {
  box-shadow: 0 16px 50px rgba(168, 192, 216, 0.4);
}
:root[data-theme="dark"] .making-of-caption {
  color: var(--text-light);
  opacity: 0.85;
}

/* ============================================
   v7.1.16: end 内联 style 抽出 → class
   ============================================ */

/* L1744: sig-name 中文(curator 占位) */
.sig-name--cn{font-size:28px;margin-top:30px}