ai {
  display: block;
  /* 💎 核心修复：为整个界面添加不透明的实体卡片底色，彻底阻断平台底色干扰 */
  background: #ffffff;
  background-image: linear-gradient(180deg, #ffffff 0%, #fdfbfd 100%);
  border: 1px solid rgba(156, 39, 176, 0.15);
  border-radius: 16px;
  padding: 14px 10px; /* 增加内边距，让卡片呼吸感更强 */
  box-shadow: 0 8px 30px rgba(0,0,0,0.12); /* 华丽的悬浮阴影 */

  /* 基础变量 */
  --text-main: #1a1a1a;     /* 正文纯黑 */
  --text-dim: #555566;      
  --panel-bg: rgba(255, 255, 255, 0.85); 
  --color-xiaoying: #9c27b0; 
  --color-mc: #1976d2;      
  --color-fps: #00c853;     
  --color-pink: #e91e63;    
  --color-purple: #aa00ff;  
  
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  color: var(--text-main);
  line-height: 1.7;
  font-size: 15px; 
}

/* 💎 环境栏：华丽渐变与玻璃质感 */
ai hd {
  display: block;
  background: linear-gradient(135deg, #f3e5f5 0%, #e8eaf6 100%);
  border-left: 5px solid var(--color-xiaoying);
  border-bottom: 2px solid #fff;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: bold;
  color: #4a148c;
  border-radius: 8px 12px 12px 8px;
  margin-bottom: 18px;
  box-shadow: 0 4px 15px rgba(156, 39, 176, 0.15), inset 0 2px 5px rgba(255,255,255,0.8);
}

/* 💎 正文区域：极致清晰 */
ai article {
  display: block;
  padding: 0 8px;
  margin-bottom: 24px;
  color: #2c2c2c; /* 确保未被p标签包裹的正文也是深色 */
}
ai article p {
  margin: 12px 0;
  color: #2c2c2c; 
  text-shadow: 0 1px 0 rgba(255,255,255,0.8); 
}

/* 💎 对话气泡：果冻拟物风 */
ai q {
  display: block;
  margin: 14px 0;
  padding: 12px 16px;
  border-radius: 16px;
  width: fit-content;
  max-width: 88%;
  position: relative;
  font-weight: 500;
  box-shadow: 0 6px 16px rgba(0,0,0,0.06), inset 0 2px 0 rgba(255,255,255,0.6);
}
ai q[p="mc"] {
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  border: 1px solid #90caf9;
  color: #0d47a1;
  margin-left: auto;
  border-radius: 16px 16px 2px 16px;
}
ai q[p="xiaoying"] {
  background: linear-gradient(135deg, #f3e5f5, #e1bee7);
  border: 1px solid #ce93d8;
  color: #4a148c;
  border-radius: 16px 16px 16px 2px;
}
ai q[p="xiaoying"][r="lazy"] {
  font-style: italic;
  background: linear-gradient(135deg, #fce4ec, #f8bbd0);
  border-color: #f48fb1;
  color: #880e4f;
}
ai q[p="xiaoying"][r="focus"] {
  background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
  border: 2px solid var(--color-fps);
  color: #1b5e20;
  font-weight: bold;
  font-style: normal;
  border-radius: 4px 16px 16px 4px;
  box-shadow: 0 4px 15px rgba(0, 200, 83, 0.2), inset 0 2px 0 rgba(255,255,255,0.8);
}

/* 💎 状态面板：高级磨砂玻璃 */
ai details {
  background: var(--panel-bg);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(156, 39, 176, 0.12), 0 2px 5px rgba(0,0,0,0.05);
  margin: 0 2px;
}
ai summary {
  background: linear-gradient(90deg, rgba(225, 190, 231, 0.5), transparent);
  padding: 14px 18px;
  font-weight: 800;
  font-size: 15px;
  color: var(--color-xiaoying);
  cursor: pointer;
  user-select: none;
  list-style: none;
  border-bottom: 1px solid rgba(255,255,255,0.8);
  text-shadow: 0 1px 2px rgba(255,255,255,0.8);
}
ai summary::-webkit-details-marker { display: none; }

/* 分区区块排版 */
ai details p {
  margin: 0;
  padding: 14px 18px;
  border-bottom: 1px dashed rgba(156, 39, 176, 0.2);
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: rgba(255,255,255,0.4);
}
ai details p::before {
  content: attr(t);
  display: inline-block;
  font-size: 13px;
  font-weight: 900;
  background: linear-gradient(45deg, var(--color-xiaoying), var(--color-pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1px;
  margin-bottom: 6px;
  padding-left: 10px;
  border-left: 3px solid var(--color-pink);
}

/* 字段条目 */
ai d {
  display: block;
  font-size: 13px;
  background: #ffffff;
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.04);
  color: #333; 
  box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

/* 核心数值高亮：流光发光效果 */
ai d[c="pink"] {
  color: #c2185b;
  background: linear-gradient(135deg, #fce4ec, #fff);
  border: 1px solid #f8bbd0;
  font-weight: bold;
  box-shadow: 0 0 10px rgba(233, 30, 99, 0.15);
}
ai d[c="purple"] {
  color: #7b1fa2;
  background: linear-gradient(135deg, #f3e5f5, #fff);
  border: 1px solid #e1bee7;
  font-weight: bold;
  box-shadow: 0 0 10px rgba(170, 0, 255, 0.15);
}

/* =========================================
   立绘系统：精致拍立得相框风格
   ========================================= */
ai cg {
  display: block;
  width: calc(100% - 16px); 
  height: 200px; 
  border-radius: 4px;
  margin: 10px auto 16px auto;
  background-color: #f5f5f5;
  background-size: cover;
  background-position: center 20%; 
  border: 8px solid #ffffff;
  border-bottom-width: 24px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15), inset 0 0 4px rgba(0,0,0,0.1);
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  
  /* 1. 默认立绘 */
  background-image: url('https://pic1.imgdb.cn/item/69f61a34bd91a69b7b940799.png'); 
}
ai cg[loc*="电脑"] {
  background-image: url('https://pic1.imgdb.cn/item/69f61a49bd91a69b7b9407e2.png');
  border-color: #e8f5e9; 
  box-shadow: 0 8px 20px rgba(0, 200, 83, 0.2);
}
ai cg[loc*="浴室"], ai cg[loc*="洗澡"] {
  background-image: url('https://catai.wiki/d86cbd51-e865-488f-ab53-6c8b34930700/w=3000');
  border-color: #fce4ec; 
  box-shadow: 0 8px 20px rgba(233, 30, 99, 0.2);
}