/* 
======================================================
  ♚ 神秘庄园 · 第五人格塔罗档案 (暗黑轻亚极致版) ♚
  全包裹 / 黑红液态金渐变 / 缩小护眼字号 / 强制楷体
======================================================
*/
/* 引入云端字体作为最终兜底 */
@import url('https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&family=Noto+Serif+SC:wght@400;700&display=swap');
:root {
  /* 【核心防回退字体栈】尽可能穷举所有设备的行楷与正楷命名 */
  --font-xingkai: '方正行楷', 'FZShuTi', 'FZXingKai-Z04S', 'STXingkai', 'Xingkai SC', '行楷', 'Zhi Mang Xing', cursive;
  --font-kaiti: '楷体', 'KaiTi', 'STKaiti', 'BiauKai', 'Noto Serif SC', '正楷', serif;
  /* 一、核心定调色（黑红基底） */
  --color-abyss: #0A0608;       /* 深渊哑黑 */
  --color-obsidian: #1E0A0E;    /* 黑曜石红 */
  --color-burgundy: #5C1218;    /* 陈年勃艮第 */
  --color-scarlet: #871A22;     /* 哥特猩红 */
  --color-stage-red: #AC212C;   /* 舞台幕布红 */
  /* 二、流动质感暗金色（金属序列） */
  --gold-base: #996A17;         /* 古铜金 */
  --gold-ox: #B8862C;           /* 黄铜氧化 */
  --gold-crack: #D4A13E;        /* 鎏金裂纹 */
  --gold-flame: #E8B84D;        /* 烛焰流光 */
  /* 三、氛围融合色（轻亚颓废感） */
  --color-ash: #2D171C;         /* 灰烬紫褐 */
  --color-rose: #6E3A40;        /* 枯玫瑰粉 */
  --text-ivory: #C4B5B0;        /* 雾面象牙白 (主字体色) */
}
/* 隐藏无关系统标签 */
hd { display: none !important; }
/* 
  ★ 终极第五人格塔罗容器 ★
  包裹一切，杜绝白边！融合做旧羊皮纸与深渊黑红！
*/
.tarot-card {
  display: block !important;
  font-family: var(--font-kaiti) !important;
  color: var(--text-ivory) !important;
  /* 
    多重背景堆叠（复古滤镜感 + 压迫感主场渐变）
    层1：SVG做旧颗粒（羊皮纸的粗糙磨损感）
    层2：轻亚做旧渐变（左上角的颓废红光晕）
    层3：背景主场压迫渐变（黑红过渡到底）
  */
  background: 
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E"),
    radial-gradient(circle at 30% 40%, #4F1E24 0%, var(--color-ash) 50%, transparent 100%),
    linear-gradient(145deg, var(--color-abyss) 0%, var(--color-obsidian) 40%, var(--color-burgundy) 80%, var(--color-scarlet) 100%) !important;
  background-color: var(--color-abyss) !important;
  /* 液态暗金流动边框 */
  border: 2px solid transparent !important;
  border-image: linear-gradient(120deg, var(--gold-base) 0%, var(--gold-crack) 30%, #F2C75A 50%, var(--gold-flame) 70%, var(--gold-ox) 100%) 1 !important;
  border-radius: 4px !important;
  margin: 12px 0 !important;
  padding: 20px 16px !important;
  /* 阴影加深边缘破败感 */
  box-shadow: 
    inset 0 0 50px rgba(10, 6, 8, 0.9), 
    0 8px 20px rgba(0,0,0,0.8) !important;
  position: relative !important;
}
/* 塔罗牌内圈：红金交织虚线框 */
.tarot-card::before {
  content: '' !important;
  position: absolute !important;
  top: 6px !important; bottom: 6px !important;
  left: 6px !important; right: 6px !important;
  border: 1px dashed rgba(212, 161, 62, 0.4) !important;
  pointer-events: none !important;
}
/* 重置内部元素的默认样式，完美融合背景 */
.tarot-card details, 
.tarot-card div, 
.tarot-card p {
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================================
   标题与代号：方正行楷 + 流动暗金特效
   ========================================= */
.tarot-card details > summary {
  font-family: var(--font-xingkai) !important; 
  font-size: 18px !important; /* 缩小字号，防止突兀 */
  font-weight: normal !important;
  /* 标题颜色：使用高亮金 */
  color: var(--gold-flame) !important;
  padding: 10px 8px !important;
  margin: 12px 0 8px 0 !important;
  display: flex !important;
  align-items: center !important;
  cursor: pointer !important;
  list-style: none !important;
  letter-spacing: 2px !important;
  /* 红金交织撞色分割线 (应用在标题底部) */
  position: relative !important;
}
.tarot-card details > summary::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  height: 1.5px !important;
  background: linear-gradient(90deg, transparent 0%, var(--color-stage-red) 30%, var(--gold-flame) 60%, var(--color-scarlet) 100%) !important;
  opacity: 0.8 !important;
}
.tarot-card details > summary::-webkit-details-marker { display: none !important; }
/* 标题前的菱形点缀 */
.tarot-card details > summary::before {
  content: '✦' !important;
  margin-right: 8px !important;
  color: var(--gold-crack) !important;
  font-family: serif !important;
  text-shadow: 0 0 6px var(--gold-flame) !important;
}
/* 角色代号 (极致第五人格金箔质感) */
.tarot-card f {
  display: block !important;
  font-family: var(--font-xingkai) !important;
  font-size: 24px !important; /* 适度缩小 */
  text-align: center !important;
  letter-spacing: 6px !important;
  margin: 12px 0 18px 0 !important;
  /* 液态暗金文字渐变 */
  background: linear-gradient(120deg, var(--gold-base) 0%, var(--gold-crack) 30%, #F2C75A 50%, var(--gold-flame) 70%, var(--gold-ox) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0px 2px 4px rgba(0,0,0,0.8) !important;
}
/* =========================================
   正文与档案区排版：正楷 + 极低饱和度护眼色
   ========================================= */
.tarot-card > div, 
.tarot-card > p {
  font-family: var(--font-kaiti) !important;
  font-size: 13.5px !important; /* ★ 护眼小字号 ★ */
  line-height: 1.75 !important;
  color: var(--text-ivory) !important;
  text-align: justify !important;
  padding: 8px 10px !important;
  text-shadow: 1px 1px 2px rgba(10, 6, 8, 0.9) !important; /* 增强文字可读性 */
}
/* 档案数据条目 */
.tarot-card details > p {
  padding: 4px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.tarot-card d {
  display: flex !important;
  align-items: flex-start !important;
  font-size: 13.5px !important;
  color: var(--text-ivory) !important;
  line-height: 1.6 !important;
  padding: 6px 0 !important;
  position: relative !important;
  transition: all 0.3s ease !important;
}
/* ★ 悬停变色效果：高级感拉满 ★ */
.tarot-card d:hover {
  color: var(--gold-crack) !important;
  text-shadow: 0 0 5px rgba(212, 161, 62, 0.3) !important;
}
/* 底部分割线使用灰烬紫褐过渡 */
.tarot-card d::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, var(--color-ash) 0%, #782A2C 50%, transparent 100%) !important;
}
.tarot-card d:last-child::after { display: none !important; }
/* 数据加粗标签 (使用枯玫瑰粉/做旧铁红) */
.tarot-card d b {
  font-family: var(--font-kaiti) !important;
  min-width: 60px !important;
  flex-shrink: 0 !important;
  color: #9E474A !important; /* 偏红的枯玫瑰色，更醒目 */
  font-weight: bold !important;
  margin-right: 8px !important;
  text-shadow: 1px 1px 1px #000 !important;
}