/* ============================================
   css/base.css
   Mucha Exhibition · Open Source Edition v7.1.17
   ============================================ */

/* ===================== Gilded text ===================== */
.gold-text,.gold-text-cn{filter:drop-shadow(0 0 1px rgba(var(--gold-deep-rgb), 0.5))}
.gold-text{
  font-family:'Cinzel Decorative','Cinzel',serif;font-weight:900;
  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;
  letter-spacing:0.08em;
}
.gold-text-cn{
  font-family:'Noto Serif SC',serif;font-weight:700;
  background:linear-gradient(180deg,var(--gold-pale),var(--gold-bright),var(--gold),var(--gold-bright),var(--gold-pale));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  letter-spacing:0.15em;
}
.script-text{font-family:'Great Vibes','Cormorant Garamond',cursive;color:var(--gold)}

/* ===================== 鎏金按钮 ===================== */
.gold-btn{
  position:relative;padding:18px 56px;
  font-family:'Cinzel Decorative',serif;font-weight:700;font-size:16px;letter-spacing:0.4em;
  color: var(--text-light);
  background:linear-gradient(135deg,var(--gold-deep) 0%,var(--gold) 30%,var(--gold-light) 50%,var(--gold) 70%,var(--gold-deep) 100%);
  border:2px solid;border-image:linear-gradient(135deg,var(--gold-pale),var(--gold-bright),var(--gold),var(--gold-bright),var(--gold-pale)) 1;
  cursor:pointer;overflow:hidden;transition:all 0.5s;text-transform:uppercase;
}
.gold-btn:hover{letter-spacing:0.5em;box-shadow:0 0 40px rgba(var(--gold-rgb), 0.6);transform:translateY(-2px)}
.gold-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb), 0.3),transparent);transition:left 0.6s}
.gold-btn:hover::after{left:100%}

/* ===================== 鎏金分隔条 ===================== */
.gold-divider{display:flex;align-items:center;justify-content:center;gap:16px;margin:60px auto;max-width:800px}
.gold-divider::before,.gold-divider::after{content:'';flex:1;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold-light),var(--gold-bright),var(--gold-light),transparent)}
.gold-divider .symbol{color:var(--gold);font-size:24px;filter:drop-shadow(0 0 4px rgba(var(--gold-rgb), 0.6))}

/* ===================== 鎏金花环 ===================== */
.gold-rosette{width:140px;height:140px;margin:0 auto 40px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><radialGradient id='g'><stop offset='0%25' stop-color='%23FFD700'/><stop offset='100%25' stop-color='%23B8860B'/></radialGradient></defs><circle cx='50' cy='50' r='6' fill='url(%23g)'/><path d='M50,8 Q58,28 50,48 Q42,28 50,8' fill='url(%23g)' opacity='0.9'/><path d='M50,92 Q58,72 50,52 Q42,72 50,92' fill='url(%23g)' opacity='0.9'/><path d='M8,50 Q28,42 48,50 Q28,58 8,50' fill='url(%23g)' opacity='0.9'/><path d='M92,50 Q72,42 52,50 Q72,58 92,50' fill='url(%23g)' opacity='0.9'/><path d='M20,20 Q35,35 50,50 Q35,35 20,20' fill='url(%23g)' opacity='0.8'/><path d='M80,80 Q65,65 50,50 Q65,65 80,80' fill='url(%23g)' opacity='0.8'/><path d='M20,80 Q35,65 50,50 Q35,65 20,80' fill='url(%23g)' opacity='0.8'/><path d='M80,20 Q65,35 50,50 Q65,35 80,20' fill='url(%23g)' opacity='0.8'/><path d='M50,2 L52,8 L48,8 Z' fill='%23FFD700'/><path d='M50,98 L52,92 L48,92 Z' fill='%23FFD700'/><path d='M2,50 L8,48 L8,52 Z' fill='%23FFD700'/><path d='M98,50 L92,48 L92,52 Z' fill='%23FFD700'/></svg>");
  background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 0 12px rgba(var(--gold-rgb), 0.4));
}

/* ===================== 全局背景纹样（鎏金 + 藤蔓） ===================== */
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0.03;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'><g fill='none' stroke='%23B8860B' stroke-width='0.8'><path d='M50,50 Q80,30 110,50 Q140,70 170,50 Q200,30 230,50 Q260,70 290,50 Q320,30 350,50'/><path d='M50,150 Q80,130 110,150 Q140,170 170,150 Q200,130 230,150 Q260,170 290,150 Q320,130 350,150'/><path d='M50,250 Q80,230 110,250 Q140,270 170,250 Q200,230 230,250 Q260,270 290,250 Q320,230 350,250'/><path d='M50,350 Q80,330 110,350 Q140,370 170,350 Q200,330 230,350 Q260,370 290,350 Q320,330 350,350'/><circle cx='100' cy='50' r='3' fill='%23B8860B'/><circle cx='200' cy='50' r='3' fill='%23B8860B'/><circle cx='300' cy='50' r='3' fill='%23B8860B'/><circle cx='100' cy='150' r='3' fill='%23B8860B'/><circle cx='200' cy='150' r='3' fill='%23B8860B'/><circle cx='300' cy='150' r='3' fill='%23B8860B'/><circle cx='100' cy='250' r='3' fill='%23B8860B'/><circle cx='200' cy='250' r='3' fill='%23B8860B'/><circle cx='300' cy='250' r='3' fill='%23B8860B'/><circle cx='100' cy='350' r='3' fill='%23B8860B'/><circle cx='200' cy='350' r='3' fill='%23B8860B'/><circle cx='300' cy='350' r='3' fill='%23B8860B'/><path d='M0,200 Q50,180 100,200 Q150,220 200,200 Q250,180 300,200 Q350,220 400,200' stroke-dasharray='4 6'/></g></svg>");
  background-size:400px 400px;
}

/* ===================== 鎏金边框 ===================== */
.gold-frame{position:relative;display:inline-block}
.gold-frame::before,.gold-frame::after{content:'';position:absolute;width:40px;height:40px;
  border:2px solid var(--gold-bright);filter:drop-shadow(0 0 6px rgba(var(--gold-rgb), 0.4))}
.gold-frame::before{top:-10px;left:-10px;border-right:none;border-bottom:none}
.gold-frame::after{bottom:-10px;right:-10px;border-left:none;border-top:none}


/* v7.1.10 暗色：鎏金花环 / 鎏金分隔条 变月银 */
:root[data-theme="dark"] .gold-rosette {
  filter: hue-rotate(195deg) saturate(0.4) brightness(1.5) drop-shadow(0 0 14px rgba(168, 192, 216, 0.5));
}
:root[data-theme="dark"] .gold-divider .symbol {
  filter: drop-shadow(0 0 6px rgba(168, 192, 216, 0.6));
}
:root[data-theme="dark"] .gold-frame::before,
:root[data-theme="dark"] .gold-frame::after {
  border-color: var(--gold);
  filter: drop-shadow(0 0 8px rgba(168, 192, 216, 0.5));
}