ai {
  display: block;
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
  color: #5c4d4d;
  line-height: 1.6;
  font-size: 14px;
}
ai hd {
  display: block;
  background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
  padding: 14px 18px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(252, 182, 159, 0.25);
  margin-bottom: 16px;
  color: #6b4c41;
}
ai r { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
ai r.gd { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
ai r.gd2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
ai c { display: flex; flex-direction: column; gap: 10px; }
ai .rt { text-align: right; }
ai t1 { font-weight: bold; font-size: 15px; color: #4a4a4a; }
ai t2 { font-size: 12px; color: #8d6e63; }
ai i { font-style: normal; font-size: 22px; }

ai article {
  display: block;
  background: #fffafa;
  padding: 18px;
  border-radius: 12px;
  border-left: 4px solid #ffb7b2;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03);
  margin: 16px 0;
  font-size: 15px;
  color: #333;
}

ai details { margin-bottom: 12px; }
ai summary {
  padding: 12px 16px;
  border-radius: 10px;
  font-weight: bold;
  color: white;
  cursor: pointer;
  list-style: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
ai summary::-webkit-details-marker { display: none; }
ai details.th summary { background: linear-gradient(to right, #a1c4fd, #c2e9fb); color: #3a5a8c; }
ai details.mem summary { background: linear-gradient(to right, #d4fc79, #96e6a1); color: #3b5e40; }
ai details.mc summary { background: linear-gradient(to right, #84fab0, #8fd3f4); color: #2c637a; }
ai details.tg summary { background: linear-gradient(to right, #ff9a9e, #fecfef); color: #a03b55; }
ai details.npc summary { background: linear-gradient(to right, #cfd9df, #e2ebf0); color: #5a6b75; }

ai details[open] > c {
  margin-top: 6px;
  padding: 14px;
  background: #fdfdfd;
  border-radius: 10px;
  border: 1px solid #f0f0f0;
}

ai .tip { font-size: 12px; color: #9aa; font-style: italic; background:#f4f9f9; padding:6px; border-radius:6px; }
ai .cfg { font-size: 12px; color: #666; background: #eef2f3; padding: 6px 10px; border-radius: 6px; }
ai table { width: 100%; border-collapse: collapse; font-size: 12px; border-radius: 6px; overflow: hidden; }
ai th, ai td { border: 1px solid #eee; padding: 8px; text-align: left; }
ai th { background: #fafafa; color: #666; }

ai f { font-weight: bold; color: #7a6a6a; margin-right: 4px; }
ai .fw { grid-column: span 2; }
ai .warn { background: #fff5f5; padding: 8px; border-radius: 6px; border-left: 3px solid #ff6b6b; }

ai .sen { background: #fff; padding: 12px; border-radius: 8px; border: 1px dashed #ffb7b2; }
ai .sen t1 { color: #ff6b6b; margin-bottom: 6px; }
ai .look { background: #fff; padding: 12px; border-radius: 8px; border-left: 3px solid #ffb7b2; }
ai .it { font-style: italic; color: #888; background: #fafafa; padding: 6px; border-radius: 4px; }

ai .act {
  background: linear-gradient(to bottom, #fffdf7, #fff9e6);
  padding: 18px;
  border-radius: 12px;
  border: 1px solid #ffe8a1;
  margin-top: 20px;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.05);
}
ai .act t1 { text-align: center; color: #e76f51; margin-bottom: 14px; font-size: 16px; }
ai .act d {
  background: white;
  padding: 12px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.02);
  transition: transform 0.2s, box-shadow 0.2s;
  cursor: pointer;
}
ai .act d:hover { transform: translateX(6px); box-shadow: 0 4px 8px rgba(0,0,0,0.06); }
ai .a { border-left: 4px solid #a8dadc; }
ai .b { border-left: 4px solid #457b9d; }
ai .c { border-left: 4px solid #1d3557; }
ai .d { border-left: 4px solid #e63946; }