/**
 * 墙面六栏目 · 原木框 + 画芯 + HTML 标题 + 晴雨选中柔光
 *
 * 结构（front-page.php）：a.room-plaque > img.rp-frame（木框母版，已清理毛边）
 *   + span.rp-art > img（栏目画芯，纸面上部）+ span.rp-cap（下部 HTML 标题）
 * - 晴雨共用同一套框与画：不换源、不 hue-rotate、不混合模式染色；
 *   雨天木框保持自然浅棕、纸面保持暖米白。
 * - 选中/悬停光效：取消位移、放大、整图提亮与矩形阴影，
 *   仅保留贴框渐隐的径向柔光（晴淡金 / 雨淡青绿），不显矩形轮廓。
 * 加载顺序：依赖 angus-inst-main，排在主样式表之后（见 front-page.php）。
 */

.room-plaque { isolation: isolate; }
.room-plaque .rp-frame { display: block; width: 100%; height: auto; }

/* 画芯：纸面上部（纸面 x 5.4–94.5% / y 11.3–95.3%，槽留内边距） */
.room-plaque .rp-art {
  position: absolute; left: 8.9%; top: 13.3%; width: 82.1%; height: 57.2%;
  overflow: hidden; border-radius: 3px; display: block;
  /* 纸面内投影感：极轻，避免生硬贴片 */
  box-shadow: inset 0 0 0 1px rgba(120, 90, 50, .10);
}
.room-plaque .rp-art img {
  width: 100%; height: 100%; object-fit: cover; object-position: center;
  display: block;
  filter: none !important; transform: none !important; mix-blend-mode: normal !important;
}

/* 下部米白区 HTML 标题：英文手写体 + 中文，深靛蓝 */
.room-plaque .rp-cap {
  position: absolute; left: 5%; right: 5%; top: 71.5%; bottom: 4.5%;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: .35em; text-align: center; pointer-events: none;
}
.room-plaque .rp-en {
  font-family: var(--font-hand); font-weight: 700; color: #2d4c8c;
  font-size: clamp(10px, 1.02vw, 17px); line-height: 1.1; white-space: nowrap;
}
.room-plaque .rp-cn {
  font-weight: 800; color: #46609c;
  font-size: clamp(8px, 0.72vw, 12px); line-height: 1.2; white-space: nowrap;
  letter-spacing: .04em;
}

/* ---------- 晴雨选中柔光（取代位移/放大/提亮/矩形阴影） ---------- */
.room-plaque::after {
  content: ""; position: absolute; inset: 2.5%; pointer-events: none; z-index: 2;
  border-radius: 4px;
  background: radial-gradient(ellipse at 50% 44%,
    rgba(255, 219, 145, .20) 0%, rgba(255, 215, 132, .12) 40%,
    rgba(255, 211, 120, 0) 72%);
  opacity: 0; transition: opacity .22s ease;
}
.room-plaque:hover::after,
.room-plaque:focus-visible::after,
.room-plaque.selected::after { opacity: 1; }
.room-plaque:hover, .room-plaque:focus-visible { outline: none; }

/* 雨天：淡青绿柔光；木框/纸面/画芯原色不动 */
[data-room-theme="teal"] .room-plaque::after {
  background: radial-gradient(ellipse at 50% 44%,
    rgba(166, 224, 211, .18) 0%, rgba(166, 224, 211, .10) 40%,
    rgba(166, 224, 211, 0) 72%);
}

/* 双保险：任何主题下框与画芯都不得被染色或变形 */
.room-plaque, .room-plaque .rp-frame {
  filter: none !important; transform: none !important; mix-blend-mode: normal !important;
}
.room-plaque.selected { box-shadow: none; }

@media (prefers-reduced-motion: reduce) {
  .room-plaque::after { transition: none; }
}