/* ========================================
   牧野角色卡 · 内置CSS
   风格：暖灰+淡金 · 校园日常 · 简洁克制
   CG使用<div class="char-makino pose-xxx"></div>触发
   ======================================== */

.mkn-status-box {
  background: rgba(40, 35, 30, 0.5);
  border-left: 3px solid rgba(200, 150, 80, 0.5);
  border-radius: 0 10px 10px 0;
  padding: 14px 18px;
  margin: 14px 0;
  color: #c8bfb0;
  font-size: 13px;
  line-height: 1.8;
}

.mkn-status-box details {
  color: #c8bfb0;
}

.mkn-status-box summary {
  color: #c8964e;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  padding: 4px 0;
  outline: none;
  user-select: none;
  -webkit-user-select: none;
}

.mkn-status-box summary:hover {
  color: #dab060;
}

.mkn-status-box table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
  color: #b0a898;
}

.mkn-status-box table th,
.mkn-status-box table td {
  padding: 4px 6px;
  border: 1px solid rgba(180, 160, 130, 0.2);
  text-align: left;
}

.mkn-status-box hr {
  border: none;
  border-top: 1px solid rgba(180, 160, 130, 0.2);
  margin: 10px 0;
}

.mkn-talk {
  color: #e8dcc8;
  font-weight: normal;
}

.mkn-talk b {
  color: #dab060;
  font-weight: bold;
}

.mkn-inner {
  color: #a09888;
  font-style: italic;
  font-size: 14px;
  border-left: 2px solid rgba(180, 150, 120, 0.3);
  padding-left: 12px;
  margin: 8px 0;
}

.mkn-divider {
  border: none;
  border-top: 1px solid rgba(180, 160, 130, 0.15);
  margin: 16px 0;
}

.mkn-status-box pre,
.mkn-status-box code {
  background: transparent;
  color: #b0a898;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  font-size: 12px;
  white-space: pre-wrap;
  word-break: break-all;
}

.mkn-status-box blockquote {
  border-left: 2px solid rgba(200, 150, 80, 0.3);
  padding-left: 10px;
  margin: 6px 0;
  color: #b8b0a0;
}

/* ========================================
   CG图库 · 牧野静 · 13情绪立绘
   使用方式：AI在正文中输出
   <div class="char-makino pose-xxx"></div>
   注意：div必须闭合，单独一行
   ======================================== */

.char-makino {
    display: block;
    margin: 18px auto;
    width: 100%;
    max-width: 420px;
    aspect-ratio: 3 / 4;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
}

/* 01 · 哭泣：痛哭、落泪、抽泣、委屈哭泣、泪流满面、泣不成声 */
.char-makino.pose-cry {
    background-image: url("https://i.ibb.co/b5RMX8BZ/IMG-20260621-002233.jpg");
}

/* 02 · 浅笑：温和微笑、腼腆笑意、眉眼柔和、嘴角轻扬、如沐春风 */
.char-makino.pose-gentle-smile {
    background-image: url("https://i.ibb.co/7xVH1hLb/IMG-20260621-002209.jpg");
}

/* 03 · 惊讶A：错愕、诧异、吃惊张口、睁大双眼、目瞪口呆 */
.char-makino.pose-surprise {
    background-image: url("https://i.ibb.co/wZKC76Zg/IMG-20260621-002154.jpg");
}

/* 04 · 羞/委屈：脸红、抿嘴、眼神躲闪、眼眶微红、欲言又止 */
.char-makino.pose-shy {
    background-image: url("https://i.ibb.co/Kc6mGcn4/IMG-20260621-002141.jpg");
}

/* 05 · 惊讶B：瞳孔微缩、柳眉轻扬、一脸错愕、当场石化、发懵 */
.char-makino.pose-shock {
    background-image: url("https://i.ibb.co/216wPt7v/IMG-20260621-002101.jpg");
}

/* 06 · 俏皮：眨眼wink、嘴角上扬、古灵精怪、眼神闪烁、调皮 */
.char-makino.pose-wink {
    background-image: url("https://i.ibb.co/zhCYQdbd/IMG-20260621-002010.jpg");
}

/* 07 · 生气A：愤怒、握拳、眉头紧锁、气鼓鼓、攥紧拳头 */
.char-makino.pose-angry {
    background-image: url("https://i.ibb.co/dwvdW7T2/IMG-20260621-001955.jpg");
}

/* 08 · 愤怒B：瞪视、眼神冰冷、杀气腾腾、压迫感十足、怒容 */
.char-makino.pose-furious {
    background-image: url("https://i.ibb.co/xtvL0Wgb/IMG-20260621-001939.jpg");
}

/* 09 · 得意：坏笑、嘴角邪魅上扬、眼神狡黠、计划通、游刃有余 */
.char-makino.pose-smirk {
    background-image: url("https://i.ibb.co/cS8BfY20/IMG-20260621-001925.jpg");
}

/* 10 · 嫌弃：厌恶、皱眉撇嘴、眼神鄙夷、满脸写着拒绝、别过脸 */
.char-makino.pose-disgust {
    background-image: url("https://i.ibb.co/93sHQP26/IMG-20260621-001911.jpg");
}

/* 11 · 尴尬：不知所措、挠头、眼神游移、想找条缝钻进去、支支吾吾 */
.char-makino.pose-awkward {
    background-image: url("https://i.ibb.co/LzMpYdrJ/IMG-20260621-001812.jpg");
}

/* 12 · 无奈：头疼、困扰、扶额、叹气、无语凝噎、被整不会了 */
.char-makino.pose-helpless {
    background-image: url("https://i.ibb.co/wFtNtwb4/IMG-20260621-001756.jpg");
}

/* 13 · 平静/面无表情：冷淡、淡定、扑克脸、古井无波、喜怒不形于色 */
.char-makino.pose-calm {
    background-image: url("https://i.ibb.co/4RQKt1yt/IMG-20260621-001716.jpg");
}