/* ============================================
   wall-text.css — Wall Text 展品说明（masterpiece 内的子模块）
   ============================================ */

.wall-text{
  margin-top:30px;padding:24px 28px;
  background:linear-gradient(135deg,rgba(255,255,255,0.4),rgba(244,236,216,0.3));
  border-left:4px solid var(--gold-bright);
  position:relative;
}
.wall-text-header{
  display:flex;align-items:center;gap:12px;margin-bottom:12px;
  font-family:'Cinzel',serif;font-size:11px;letter-spacing:0.4em;
  color:var(--gold-deep);text-transform:uppercase;
}
.wall-text-icon{
  width:20px;height:20px;flex-shrink:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><g fill='none' stroke='%23B8860B' stroke-width='1.2'><rect x='3' y='3' width='14' height='14'/><line x1='3' y1='7' x2='17' y2='7'/><line x1='3' y1='11' x2='17' y2='11'/><line x1='3' y1='15' x2='17' y2='15'/><circle cx='5' cy='5' r='0.5' fill='%23B8860B'/></g></svg>");
  background-size:contain;background-repeat:no-repeat;
}
.wall-text-body{
  font-family:'Noto Serif SC',serif;font-size:14px;line-height:1.95;color:var(--ink);opacity:0.9;
}
.wall-text-body p{margin:0 0 0.8em}
.wall-text-body p:last-child{margin-bottom:0}
.wall-text-body strong{color:var(--gold-deep);font-weight:600}

.wall-text-toggle{
  margin-top:12px;display:inline-flex;align-items:center;gap:6px;
  font-family:'Cinzel',serif;font-size:11px;letter-spacing:0.3em;
  color:var(--gold);background:none;border:none;cursor:pointer;padding:4px 0;
  border-bottom:1px solid var(--gold-light);transition:all 0.3s;
}
.wall-text-toggle:hover{color:var(--gold-deep);border-bottom-color:var(--gold)}
.wall-text-toggle::after{content:'▾';transition:transform 0.3s;font-size:10px}
.wall-text.collapsed .wall-text-body{display:none}
.wall-text.collapsed .wall-text-toggle::after{transform:rotate(-90deg)}
.wall-text.collapsed .wall-text-header{opacity:0.6}

/* ============================================
   v7.1.12 wall-text 暗色增强（18 段 Wall Text）
   ============================================ */
:root[data-theme="dark"] .wall-text {
  background: linear-gradient(135deg, rgba(36, 58, 82, 0.5), rgba(15, 27, 42, 0.3));
  border-left-color: var(--gold-bright);
}
:root[data-theme="dark"] .wall-text-header {
  color: var(--gold-light);
}
:root[data-theme="dark"] .wall-text-icon {
  filter: hue-rotate(195deg) saturate(0.4) brightness(1.5);
  opacity: 0.7;
}
:root[data-theme="dark"] .wall-text-body {
  color: var(--text-light);
}
:root[data-theme="dark"] .wall-text-body strong {
  color: var(--gold-bright);
}
:root[data-theme="dark"] .wall-text-toggle {
  color: var(--gold-light);
  border-bottom-color: var(--gold-light);
}
:root[data-theme="dark"] .wall-text-toggle:hover {
  color: var(--gold-bright);
  border-bottom-color: var(--gold-bright);
}