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

/* ===================== 代表作赏析 ===================== */
.masterpiece{position:relative;max-width:1200px;margin:80px auto;padding:0 20px;
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.masterpiece:nth-child(even){direction:rtl}
.masterpiece:nth-child(even) > *{direction:ltr}
.masterpiece-img{position:relative;overflow:hidden;border:2px solid var(--gold-light);
  box-shadow:0 20px 60px rgba(0,0,0,0.2);background:var(--ivory-deep);padding:20px}
.masterpiece-img::before{content:'';position:absolute;inset:10px;border:1px solid var(--gold);pointer-events:none;z-index:1}
.masterpiece-img img{width:100%;height:auto;display:block;transition:transform 0.6s}
.masterpiece-img:hover img{transform:scale(1.03)}
.masterpiece-text{padding:20px}
.masterpiece-year{font-family:'Cinzel Decorative',serif;font-size:18px;color:var(--gold);letter-spacing:0.3em}
.masterpiece-title{font-family:'Cinzel Decorative',serif;font-size:36px;font-weight:900;
  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:8px 0;letter-spacing:0.1em}
.masterpiece-title-cn{font-size:24px;font-weight:600;color:var(--ink);margin-bottom:16px;letter-spacing:0.15em}
.masterpiece-desc{font-size:15px;line-height:2;color:var(--ink);opacity:0.85}
.masterpiece-meta{margin-top:20px;padding-top:20px;border-top:1px solid var(--gold-light);
  font-size:13px;letter-spacing:0.1em;color:var(--gold-deep);font-style:italic}

/* ============================================
   v7.1.12 masterpiece 段暗色增强
   - .masterpiece-img 卡背景：暗月蓝
   - .masterpiece-year / title / title-cn / desc / meta 暗色
   ============================================ */
:root[data-theme="dark"] .masterpiece-img {
  background: #1A2840;
  border-color: var(--gold-light);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}
:root[data-theme="dark"] .masterpiece-img::before {
  border-color: var(--gold-bright);
  opacity: 0.7;
}
:root[data-theme="dark"] .masterpiece-year {
  color: var(--gold-light);
}
:root[data-theme="dark"] .masterpiece-title {
  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"] .masterpiece-title-cn {
  color: var(--text-light);
}
:root[data-theme="dark"] .masterpiece-desc {
  color: var(--text-light);
  opacity: 0.9;
}
:root[data-theme="dark"] .masterpiece-meta {
  color: var(--gold-light);
  border-top-color: var(--gold-light);
}