/* =========================================
   🔍 猫娘侦探事务所 · 奶茶米白主题(全套定稿)
   ========================================= */

/* ========== 空行兜底 ========== */
p:empty, br + br { display: none !important; }

/* ========== 顶部状态栏 stp ========== */
stp {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-bottom: 16px; padding: 12px;
  background: rgba(255, 253, 248, 0.4);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(139, 111, 71, 0.05);
}
sti {
  display: block; flex: 1 1 auto; min-width: 90px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(200, 168, 130, 0.4);
  border-radius: 8px; font-size: 13px; color: #8b6f47;
  text-align: center; transition: all 0.2s ease;
}
sti:hover { background: rgba(255,255,255,0.9); border-color: rgba(212,175,55,0.5); }

/* ========== 正文卡 tb ========== */
tb {
  display: block; margin: 16px 0; padding: 18px 20px;
  position: relative;
  background: linear-gradient(135deg, rgba(255,253,248,0.6), rgba(250,242,230,0.45));
  backdrop-filter: blur(10px);
  border: 1px solid rgba(212, 175, 55, 0.3);
  border-left: 3px solid rgba(212, 175, 55, 0.6);
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(139,111,71,0.06), inset 0 1px 0 rgba(255,255,255,0.5);
}
tb::before {
  content: '"'; position: absolute; top: 6px; left: 10px;
  font-family: Georgia, serif; font-size: 32px; line-height: 1;
  color: rgba(212, 175, 55, 0.35); pointer-events: none;
}
tb p { margin: 0 0 10px 0; font-size: 14px; line-height: 1.85; color: #6b5335; text-indent: 2em; }
tb p:last-child { margin-bottom: 0; }

/* ========== 猫娘日记本 ========== */
details.ab {
  margin-bottom: 16px;
  background: rgba(255, 252, 246, 0.4);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 12px; overflow: hidden;
}
details.ab > summary {
  display: flex; justify-content: center; align-items: center;
  padding: 12px 16px; font-size: 14px; font-weight: 600;
  color: #a88860; cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
  list-style: none;
}
details.ab > summary::-webkit-details-marker { display: none; }
details.ab > summary::marker { content: ''; }
details.ab > summary::before { content: '🐾 '; margin-right: 8px; }

details.ai {
  margin: 10px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(200, 168, 130, 0.3);
  border-radius: 8px; max-height: 250px; overflow-y: auto;
}
details.ai::-webkit-scrollbar { width: 6px; }
details.ai::-webkit-scrollbar-track { background: transparent; }
details.ai::-webkit-scrollbar-thumb { background: rgba(212,175,55,0.3); border-radius: 3px; }
details.ai > summary {
  padding: 8px 12px; font-size: 13px; color: #8b6f47;
  cursor: pointer; list-style: none;
  background: rgba(245, 235, 220, 0.4);
  position: sticky; top: 0; z-index: 2;
}
details.ai > summary::-webkit-details-marker { display: none; }
details.ai > summary::marker { content: ''; }
details.ai > summary::before { content: '› '; color: #d4af37; margin-right: 6px; }
details.ai p { margin: 8px 12px; font-size: 12px; color: #a88860; }
details.ai table { width: calc(100% - 16px); margin: 8px; border-collapse: collapse; font-size: 12px; }
details.ai th { padding: 6px; background: rgba(245,235,220,0.6); border: 1px solid rgba(212,175,55,0.3); color: #8b6f47; font-weight: 600; text-align: left; }
details.ai td { padding: 6px; background: rgba(255,255,255,0.6); border: 1px solid rgba(212,175,55,0.2); color: #8b6f47; }
details.ai hr { border: none; border-top: 1px dashed rgba(212,175,55,0.4); margin: 10px 8px; }

/* ========== User 状态卡 ========== */
gui { display: block; margin-top: 20px; }
ulb {
  display: block; margin: 18px 0 10px;
  font-size: 13px; font-weight: 600; color: #d4af37;
  text-align: center; letter-spacing: 2px;
}
cdu {
  display: block; margin-bottom: 16px; padding: 16px;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(139, 111, 71, 0.04);
}
cdu cdh {
  display: block; margin-bottom: 12px; padding-bottom: 8px;
  border-bottom: 1px solid rgba(212, 175, 55, 0.25);
  font-size: 15px; font-weight: 600; color: #8b6f47;
}
tg {
  margin-left: 8px; padding: 2px 10px;
  background: rgba(245, 235, 220, 0.6);
  border: 1px solid rgba(200, 168, 130, 0.5);
  border-radius: 10px; font-size: 12px; color: #8b6f47;
}
ifb {
  display: flex; flex-direction: column; gap: 6px;
  margin-bottom: 12px; padding: 10px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(200, 168, 130, 0.3);
  border-radius: 10px;
}
g3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
g1 { display: grid; grid-template-columns: 1fr; gap: 8px; margin-bottom: 8px; }
gi {
  display: block; padding: 8px 10px;
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(212,175,55,0.3);
  border-radius: 8px; font-size: 13px; color: #8b6f47;
}

/* ========== 进度条 ========== */
brg { display: block; margin-top: 8px; }
sg { display: grid; grid-template-columns: 70px 1fr; align-items: center; gap: 8px; }
sl { font-size: 11px; font-weight: 600; color: #a88860; }
bt {
  display: block; height: 8px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(200, 168, 130, 0.4);
  border-radius: 4px; overflow: hidden;
}
bv { display: block; height: 100%; border-radius: 4px; }
bv.l { background: linear-gradient(90deg, #f5e6d3, #d4834f); }

/* ========== 选项框 ========== */
slb { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
slo {
  display: block; position: relative;
  padding: 12px 16px 12px 40px;
  background: rgba(255,255,255,0.6);
  border: 1px solid rgba(212,175,55,0.35);
  border-radius: 10px; font-size: 14px; color: #8b6f47;
  cursor: pointer; transition: all 0.2s ease;
}
slo:hover { background: rgba(255,255,255,0.9); border-color: #d4af37; transform: translateX(3px); }
shd { display: none !important; }
slo::before {
  content: '✧'; position: absolute; left: 16px; top: 50%;
  transform: translateY(-50%); color: #d4af37; font-size: 12px;
  transition: all 0.3s;
}
slo:hover::before { content: '✦'; transform: translateY(-50%) scale(1.2); text-shadow: 0 0 5px rgba(212,175,55,0.5); }

/* =========================================
   ★★★ 角色卡通用骨架 ★★★
   ========================================= */
znn, zdf, zsf { display: block; margin-bottom: 14px; }

znn > details, zdf > details, zsf > details {
  display: block; position: relative;
  background: var(--mc-bg);
  border: 1px solid var(--mc-border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--mc) 18%, transparent);
  transition: box-shadow 0.3s ease;
}
znn > details[open], zdf > details[open], zsf > details[open] {
  box-shadow: 0 6px 22px color-mix(in srgb, var(--mc) 30%, transparent);
}
znn > details > summary,
zdf > details > summary,
zsf > details > summary {
  display: flex; align-items: center; gap: 14px;
  padding: 12px 14px;
  position: relative; cursor: pointer;
  list-style: none;
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--mc-soft) 50%, white),
    color-mix(in srgb, var(--mc) 18%, white));
  transition: background 0.25s ease;
  user-select: none;
}
znn > details > summary:hover,
zdf > details > summary:hover,
zsf > details > summary:hover {
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--mc-soft) 70%, white),
    color-mix(in srgb, var(--mc) 30%, white));
}
znn > details > summary::-webkit-details-marker,
zdf > details > summary::-webkit-details-marker,
zsf > details > summary::-webkit-details-marker { display: none; }
znn > details > summary::marker,
zdf > details > summary::marker,
zsf > details > summary::marker { content: ''; display: none; }
znn > details > summary cdh,
zdf > details > summary cdh,
zsf > details > summary cdh {
  display: grid !important;
  grid-template-columns: 64px 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 16px;
  width: 100%;
  align-items: center;
  margin: 0; padding: 0; border: none;
}
znn > details > summary cdh > av,
zdf > details > summary cdh > av,
zsf > details > summary cdh > av { grid-column: 1; grid-row: 1 / 3; align-self: center; }
znn > details > summary cdh > nm,
zdf > details > summary cdh > nm,
zsf > details > summary cdh > nm {
  grid-column: 2; grid-row: 1; align-self: end;
  font-size: 16px; font-weight: 700;
  color: var(--mc-deep); margin: 0; padding-bottom: 4px;
}
znn > details > summary cdh > brg,
zdf > details > summary cdh > brg,
zsf > details > summary cdh > brg {
  grid-column: 2; grid-row: 2; align-self: start;
  margin: 0; width: 90%;
}
cdm {
  display: block;
  padding: 16px;
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(10px);
  border-top: 1px solid var(--mc-border, rgba(212,175,55,0.3));
  animation: cdmFadeIn 0.2s ease-out;
}
@keyframes cdmFadeIn {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}
cdm > cdh, cdm > brg { display: none !important; }
av {
  display: block; width: 64px; height: 64px;
  flex-shrink: 0; border-radius: 50%;
  border: 2px solid var(--mc, #d4af37);
  background-color: var(--mc-soft, #f5e6d3);
  overflow: hidden;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-soft, #f5e6d3) 60%, transparent),
              0 4px 10px color-mix(in srgb, var(--mc, #d4af37) 35%, transparent);
  transition: transform 0.3s ease;
  position: relative;
}
av:hover { transform: scale(1.06) rotate(-3deg); }
fc {
  display: block; width: 100%; height: 100%;
  background-size: cover; background-position: center top;
  background-repeat: no-repeat;
}
rc {
  display: inline-block; margin-bottom: 10px;
  padding: 4px 12px;
  background: color-mix(in srgb, var(--mc-soft, #f5e6d3) 50%, white);
  border: 1px solid var(--mc-border, rgba(200,168,130,0.45));
  border-radius: 999px;
  font-size: 12px; font-weight: 600;
  color: var(--mc-deep, #8b6f47);
}
znn-c, zdf-c, zsf-c {
  display: block;
  width: 100%;
  aspect-ratio: 1051 / 788;
  margin-bottom: 12px;
  border-radius: 10px;
  border: 1px solid var(--mc-border, rgba(200,168,130,0.45));
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 3px 12px color-mix(in srgb, var(--mc, #c8a882) 20%, transparent),
              inset 0 0 0 2px rgba(255,255,255,0.4);
  transition: transform 0.3s ease;
}
znn-c:hover, zdf-c:hover, zsf-c:hover { transform: scale(1.02); }
say {
  display: inline-block; margin: 6px 0; padding: 10px 14px;
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--mc-soft, #f5e6d3) 70%, white),
    color-mix(in srgb, var(--mc, #c8a882) 18%, white));
  border: 1px solid var(--mc-border, rgba(200,168,130,0.45));
  border-radius: 16px 16px 16px 4px;
  font-size: 14px; line-height: 1.6;
  color: var(--mc-deep, #8b6f47);
  box-shadow: 0 3px 10px color-mix(in srgb, var(--mc, #c8a882) 18%, transparent);
  max-width: 88%;
}
tb fc, p fc {
  display: block; width: 112px; height: 112px;
  border-radius: 50%;
  border: 2px solid var(--mc, #c8a882);
  background-color: var(--mc-soft, #f5e6d3);
  background-size: cover; background-position: center top;
  margin: 10px 0 6px;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--mc, #c8a882) 30%, transparent);
}

/* =========================================
   👥 通用无人设NPC · znm(男) / znf(女)
   ========================================= */
znm, znf { display: block; margin-bottom: 14px; }
znm {
  --mc: #6b7a99;
  --mc-soft: #b8c4d6;
  --mc-deep: #3d4a66;
  --mc-bg: rgba(220, 228, 240, 0.45);
  --mc-border: rgba(107, 122, 153, 0.45);
}
znf {
  --mc: #b07ac9;
  --mc-soft: #d8b8e6;
  --mc-deep: #6b3d85;
  --mc-bg: rgba(235, 220, 245, 0.45);
  --mc-border: rgba(176, 122, 201, 0.45);
}
znm > details, znf > details {
  display: block; position: relative;
  background: var(--mc-bg);
  border: 1px solid var(--mc-border);
  border-radius: 14px; overflow: hidden;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--mc) 18%, transparent);
  transition: box-shadow 0.3s ease;
}
znm > details > summary, znf > details > summary {
  display: flex; align-items: center; gap: 14px;
  padding: 12px 14px; cursor: pointer; list-style: none;
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--mc-soft) 50%, white),
    color-mix(in srgb, var(--mc) 18%, white));
  transition: background 0.25s ease; user-select: none;
}
znm > details > summary::-webkit-details-marker,
znf > details > summary::-webkit-details-marker { display: none; }
znm > details > summary::marker,
znf > details > summary::marker { content: ''; display: none; }
znm > details > summary cdh,
znf > details > summary cdh {
  display: grid !important;
  grid-template-columns: 64px 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 16px; width: 100%;
  align-items: center;
  margin: 0; padding: 0; border: none;
}
znm > details > summary cdh > av,
znf > details > summary cdh > av { grid-column: 1; grid-row: 1 / 3; align-self: center; }
znm > details > summary cdh > nm,
znf > details > summary cdh > nm {
  grid-column: 2; grid-row: 1; align-self: end;
  font-size: 16px; font-weight: 700;
  color: var(--mc-deep); margin: 0; padding-bottom: 4px;
}
znm > details > summary cdh > brg,
znf > details > summary cdh > brg {
  grid-column: 2; grid-row: 2; align-self: start;
  margin: 0; width: 90%;
}
znm rc, znm gi, znm sl, znm nm, znm say,
znf rc, znf gi, znf sl, znf nm, znf say { color: var(--mc-deep); }
znm gi, znf gi { border-color: var(--mc-border); }
znm bv.l, znf bv.l { background: linear-gradient(90deg, var(--mc-soft), var(--mc)); }
znm fc::before, znf fc::before {
  content: ''; display: flex;
  align-items: center; justify-content: center;
  width: 100%; height: 100%; font-size: 36px;
}
znm fc { background: none !important; }
znf fc { background: none !important; }
znm fc::before { content: '🚹'; }
znf fc::before { content: '🚺'; }
znm-c, znf-c { display: none; }

/* =========================================
   🔍 猫娘侦探 · 奈(zmc) 专属骨架
   ========================================= */
zmc {
  display: block; margin-bottom: 14px;
  --mc: #c8a882;
  --mc-soft: #f5e6d3;
  --mc-deep: #8b6f47;
  --mc-accent: #d4834f;
  --mc-bg: rgba(245, 230, 211, 0.45);
  --mc-border: rgba(200, 168, 130, 0.45);
}
zmc > details {
  display: block; position: relative;
  background: var(--mc-bg);
  border: 1px solid var(--mc-border);
  border-radius: 14px; overflow: hidden;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--mc) 18%, transparent);
  transition: box-shadow 0.3s ease;
}
zmc > details[open] {
  box-shadow: 0 6px 22px color-mix(in srgb, var(--mc) 30%, transparent);
}
zmc > details > summary {
  display: flex; align-items: center; gap: 14px;
  padding: 12px 14px; cursor: pointer; list-style: none;
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--mc-soft) 50%, white),
    color-mix(in srgb, var(--mc) 18%, white));
  transition: background 0.25s ease; user-select: none;
}
zmc > details > summary:hover {
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--mc-soft) 70%, white),
    color-mix(in srgb, var(--mc) 30%, white));
}
zmc > details > summary::-webkit-details-marker { display: none; }
zmc > details > summary::marker { content: ''; display: none; }
zmc > details > summary cdh {
  display: grid !important;
  grid-template-columns: 64px 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 16px; width: 100%;
  align-items: center;
  margin: 0; padding: 0; border: none;
}
zmc > details > summary cdh > av { grid-column: 1; grid-row: 1 / 3; align-self: center; }
zmc > details > summary cdh > nm {
  grid-column: 2; grid-row: 1; align-self: end;
  font-size: 16px; font-weight: 700;
  color: var(--mc-deep); margin: 0; padding-bottom: 4px;
}
zmc > details > summary cdh > brg {
  grid-column: 2; grid-row: 2; align-self: start;
  margin: 0; width: 90%;
}
zmc av {
  display: block; width: 64px; height: 64px;
  flex-shrink: 0; border-radius: 50%;
  border: 2px solid var(--mc);
  background-color: var(--mc-soft);
  overflow: hidden;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-soft) 60%, transparent),
              0 4px 10px color-mix(in srgb, var(--mc) 35%, transparent);
  transition: transform 0.3s ease;
  position: relative;
}
zmc av:hover { transform: scale(1.06) rotate(-3deg); }
zmc cdm {
  display: block; padding: 16px;
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(10px);
  border-top: 1px solid var(--mc-border);
  animation: cdmFadeIn 0.2s ease-out;
}
zmc cdm > cdh, zmc cdm > brg { display: none !important; }
zmc rc, zmc nm { color: var(--mc-deep); }
zmc gi {
  color: var(--mc-deep);
  background: rgba(255, 255, 255, 0.7);
  border-color: var(--mc-border);
}
zmc ifb {
  background: rgba(255, 255, 255, 0.5);
  border-color: var(--mc-border);
}
zmc sl { color: var(--mc-deep); }
zmc bt { background: rgba(255, 255, 255, 0.6); border-color: var(--mc-border); }
zmc bv.l { background: linear-gradient(90deg, var(--mc-soft), var(--mc-accent)); }
zmc rc {
  background: color-mix(in srgb, var(--mc-soft) 50%, white);
  border: 1px solid var(--mc-border);
  color: var(--mc-deep);
}
zmc say {
  display: inline-block; margin: 6px 0; padding: 10px 14px;
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--mc-soft) 70%, white),
    color-mix(in srgb, var(--mc) 18%, white));
  border: 1px solid var(--mc-border);
  border-radius: 16px 16px 16px 4px;
  font-size: 14px; line-height: 1.6;
  color: var(--mc-deep);
  box-shadow: 0 3px 10px color-mix(in srgb, var(--mc) 18%, transparent);
  max-width: 88%;
}

/* ========== 表情标签(18种) ========== */
me1, me2, me3, me4, me5, me6, me7, me8, me9, me10,
me11, me12, me13, me14, me15, me16, me17, me18 {
  display: block; width: 100%; height: 100%;
  background-size: cover; background-position: center top;
  background-repeat: no-repeat;
}
zmc av > me1, zmc av > me2, zmc av > me3, zmc av > me4, zmc av > me5,
zmc av > me6, zmc av > me7, zmc av > me8, zmc av > me9, zmc av > me10,
zmc av > me11, zmc av > me12, zmc av > me13, zmc av > me14, zmc av > me15,
zmc av > me16, zmc av > me17, zmc av > me18 {
  width: 100%; height: 100%;
}
tb me1, tb me2, tb me3, tb me4, tb me5, tb me6, tb me7, tb me8, tb me9, tb me10,
tb me11, tb me12, tb me13, tb me14, tb me15, tb me16, tb me17, tb me18,
p me1, p me2, p me3, p me4, p me5, p me6, p me7, p me8, p me9, p me10,
p me11, p me12, p me13, p me14, p me15, p me16, p me17, p me18 {
  display: block; width: 112px; height: 112px;
  border-radius: 50%;
  border: 2px solid var(--mc, #c8a882);
  background-color: var(--mc-soft, #f5e6d3);
  background-size: cover; background-position: center top;
  margin: 10px 0 6px;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--mc, #c8a882) 30%, transparent);
}
me1  { background-image: url('https://image.acg.lol/file/2026/07/31/-c34be673b783317d.png'); }
me2  { background-image: url('https://image.acg.lol/file/2026/07/31/-ff4c0a01e086c5b2.png'); }
me3  { background-image: url('https://image.acg.lol/file/2026/07/31/-a835d087b43c296d.png'); }
me4  { background-image: url('https://image.acg.lol/file/2026/07/31/-a8b43e9e8025b100.png'); }
me5  { background-image: url('https://image.acg.lol/file/2026/07/31/-4eb2c6f1f9ace95f.png'); }
me6  { background-image: url('https://image.acg.lol/file/2026/07/31/-87f2888297f00747.png'); }
me7  { background-image: url('https://image.acg.lol/file/2026/07/31/-e1bbbaa8a7cf586d.png'); }
me8  { background-image: url('https://image.acg.lol/file/2026/07/31/-d7b58949b43fb5d9.png'); }
me9  { background-image: url('https://image.acg.lol/file/2026/07/31/-31b004b80baa010a.png'); }
me10 { background-image: url('https://image.acg.lol/file/2026/07/31/-8b13f943c56beb46.png'); }
me11 { background-image: url('https://image.acg.lol/file/2026/07/31/-7f79e9ecb8861408.png'); }
me12 { background-image: url('https://image.acg.lol/file/2026/07/31/-f4b8fa390d4bf986.png'); }
me13 { background-image: url('https://image.acg.lol/file/2026/07/31/-9b9cfaa1fb1ab7c6.png'); }
me14 { background-image: url('https://image.acg.lol/file/2026/07/31/-1a148c4378c9a3cb.png'); }
me15 { background-image: url('https://image.acg.lol/file/2026/07/31/-664ace3ec48be894.png'); }
me16 { background-image: url('https://image.acg.lol/file/2026/07/31/-324c1ef12ec1b336.png'); }
me17 { background-image: url('https://image.acg.lol/file/2026/07/31/-d3f941b95b9af00d.png'); }
me18 { background-image: url('https://image.acg.lol/file/2026/07/31/-.png'); }

/* ========== 衣服标签(37套) ========== */
mc1, mc2, mc3, mc4, mc5, mc6, mc7, mc8, mc9, mc10,
mc11, mc12, mc13, mc14, mc15, mc16, mc17, mc18, mc19, mc20,
mc21, mc22, mc23, mc24, mc25, mc26, mc27, mc28, mc29, mc30,
mc31, mc32, mc33, mc34, mc35, mc36, mc37 {
  display: block; width: 100%;
  aspect-ratio: 1051 / 788;
  margin-bottom: 12px;
  border-radius: 10px;
  border: 1px solid var(--mc-border, rgba(200,168,130,0.45));
  background-size: cover; background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 3px 12px color-mix(in srgb, var(--mc, #c8a882) 20%, transparent),
              inset 0 0 0 2px rgba(255,255,255,0.4);
  transition: transform 0.3s ease;
}
mc1:hover, mc2:hover, mc3:hover, mc4:hover, mc5:hover, mc6:hover, mc7:hover,
mc8:hover, mc9:hover, mc10:hover, mc11:hover, mc12:hover, mc13:hover,
mc14:hover, mc15:hover, mc16:hover, mc17:hover, mc18:hover, mc19:hover,
mc20:hover, mc21:hover, mc22:hover, mc23:hover, mc24:hover, mc25:hover,
mc26:hover, mc27:hover, mc28:hover, mc29:hover, mc30:hover, mc31:hover,
mc32:hover, mc33:hover, mc34:hover, mc35:hover, mc36:hover, mc37:hover { transform: scale(1.02); }
mc1  { background-image: url('https://image.acg.lol/file/2026/07/31/-25a47478ad090f1e.png'); }
mc2  { background-image: url('https://image.acg.lol/file/2026/07/31/-cos17dd57a84acc212f.png'); }
mc3  { background-image: url('https://image.acg.lol/file/2026/07/31/-87047a89b64033ca.png'); }
mc4  { background-image: url('https://image.acg.lol/file/2026/07/31/-cos154ab0996fc2131e.png'); }
mc5  { background-image: url('https://image.acg.lol/file/2026/07/31/-24e0725b9212d859.png'); }
mc6  { background-image: url('https://image.acg.lol/file/2026/07/31/-a5291fecd502961c.png'); }
mc7  { background-image: url('https://image.acg.lol/file/2026/07/31/-c5746fd960e34f1b.png'); }
mc8  { background-image: url('https://image.acg.lol/file/2026/07/31/-e6e8deac61e890d0.png'); }
mc9  { background-image: url('https://image.acg.lol/file/2026/07/31/-a64e5baba62ae176.png'); }
mc10 { background-image: url('https://image.acg.lol/file/2026/07/31/-90c556431aa247f3.png'); }
mc11 { background-image: url('https://image.acg.lol/file/2026/07/31/-a135b2e28374c997.png'); }
mc12 { background-image: url('https://image.acg.lol/file/2026/07/31/-d4cf14f7135c8d63.png'); }
mc13 { background-image: url('https://image.acg.lol/file/2026/07/31/-cosaf2b2bb73618c87f.png'); }
mc14 { background-image: url('https://image.acg.lol/file/2026/07/31/-6e6b23b899f1adda.png'); }
mc15 { background-image: url('https://image.acg.lol/file/2026/07/31/-cos22ad9598fc1d6148.png'); }
mc16 { background-image: url('https://image.acg.lol/file/2026/07/31/-714963c95bad418b.png'); }
mc17 { background-image: url('https://image.acg.lol/file/2026/07/31/-0fbb7d7289df195c.png'); }
mc18 { background-image: url('https://image.acg.lol/file/2026/07/31/-df7957556da23f97.png'); }
mc19 { background-image: url('https://image.acg.lol/file/2026/07/31/-91b9ded8d1589294.png'); }
mc20 { background-image: url('https://image.acg.lol/file/2026/07/31/-393439e4fd271f01.png'); }
mc21 { background-image: url('https://image.acg.lol/file/2026/07/31/-48e60e57fa89da32.png'); }
mc22 { background-image: url('https://image.acg.lol/file/2026/07/31/-ce93bef106d9e2a7.png'); }
mc23 { background-image: url('https://image.acg.lol/file/2026/07/31/-fcccf015f92d098f.png'); }
mc24 { background-image: url('https://image.acg.lol/file/2026/07/31/-34bc752f8d17992f.png'); }
mc25 { background-image: url('https://image.acg.lol/file/2026/07/31/-839b2f57216bcc04.png'); }
mc26 { background-image: url('https://image.acg.lol/file/2026/07/31/-888c61b23cfc3959.png'); }
mc27 { background-image: url('https://image.acg.lol/file/2026/07/31/-cos.png'); }
mc28 { background-image: url('https://image.acg.lol/file/2026/07/31/-bec132dee0ab9b39.png'); }
mc29 { background-image: url('https://image.acg.lol/file/2026/07/31/-28c5199e14659a7d.png'); }
mc30 { background-image: url('https://image.acg.lol/file/2026/07/31/-1fd2ba9722599e02.png'); }
mc31 { background-image: url('https://image.acg.lol/file/2026/07/31/-4f3ff618ad5cdc2d.png'); }
mc32 { background-image: url('https://image.acg.lol/file/2026/07/31/-11e6012cf22b640f.png'); }
mc33 { background-image: url('https://image.acg.lol/file/2026/07/31/-jk.png'); }
mc34 { background-image: url('https://image.acg.lol/file/2026/07/31/-0c98c119cf530d9a.png'); }
mc35 { background-image: url('https://image.acg.lol/file/2026/07/31/-SM.png'); }
mc36 { background-image: url('https://image.acg.lol/file/2026/07/31/-05617dcb74962709.png'); }
mc37 { background-image: url('https://image.acg.lol/file/2026/07/31/-6355e1374b26751e.png'); }

/* ===== 隐藏区 ===== */
hd,cot,excot,q-cot,qecot{ 
display: none; 
}