/* 🗓️ 小狗的家 — minical.css（27 号美化 H2，2026-09-28）：小日历的样子，配 js/minical.js。
   颜色跟着用它的那间房走：--room（选中的那天）、--room-tint（有东西的日子）、--ink（线）——都在 pagebar.css / rooms.css 里；
   没有的话用留言的粉色兜底。底下的小点按名字配色：deer = 澄澄（绿），dog = 小狗（蜜色）；别的名字（比如健康的 sleep / deep / o2）在用它的那间房的 css 里配。 */
.minical {
  --mc-room: var(--room, #eeaa9c); --mc-tint: var(--room-tint, #fbe4de); --mc-ink: var(--ink, #6b5138);
  position: relative; margin: 2px 0 16px; padding: 12px 10px 8px;
  background: #fffdf8; border: 1.5px solid rgba(107,81,56,.12); border-radius: 18px;
  box-shadow: 0 1px 2px rgba(107,81,56,.05), 0 12px 24px -16px rgba(107,81,56,.42);
  font-family: var(--hand, inherit); color: var(--text, #4f3b2b);
  -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;
}
.mc-head { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 8px; }
.mc-title {   /* 标题也是开关：点一下收起成一周 / 展开整个月（记在 localStorage，每页各记各的） */
  display: inline-flex; align-items: center; gap: 9px; border: 0; background: transparent; padding: 4px 6px; margin: 0;
  font: 700 16px/1.3 var(--hand, inherit); letter-spacing: 2px; color: var(--text, #4f3b2b); cursor: pointer;
}
.mc-title-text { position: relative; z-index: 0; }
.mc-title-text::after {   /* 门色笔刷，和顶栏、弹窗标题同一笔 */
  content: ''; position: absolute; z-index: -1; left: -4px; right: -5px; bottom: -1px; height: .55em;
  background: color-mix(in srgb, var(--mc-room) 70%, transparent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath d='M4 13.5 C 30 9.5, 70 10.5, 110 10 C 145 9.6, 178 8.8, 195 10.6 C 199 11.1, 199.5 15.2, 195.5 16 C 170 17.8, 140 16.6, 110 17.2 C 75 17.8, 35 18.8, 8 18.2 C 2.5 18, 1.2 14.8, 4 13.5 Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath d='M4 13.5 C 30 9.5, 70 10.5, 110 10 C 145 9.6, 178 8.8, 195 10.6 C 199 11.1, 199.5 15.2, 195.5 16 C 170 17.8, 140 16.6, 110 17.2 C 75 17.8, 35 18.8, 8 18.2 C 2.5 18, 1.2 14.8, 4 13.5 Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.mc-chev {   /* 小尖角：展开时朝上（点了收起），收起时朝下（点了展开） */
  width: 7px; height: 7px; border-right: 1.8px solid var(--mc-ink); border-bottom: 1.8px solid var(--mc-ink);
  transform: translateY(2px) rotate(-135deg); transition: transform .25s;
}
.minical.is-collapsed .mc-chev { transform: translateY(-2px) rotate(45deg); }
.minical.is-collapsed { padding-bottom: 6px; }
.minical.is-collapsed .mc-head { padding-bottom: 4px; }
.mc-day.other .mc-num { opacity: .55; }                                                /* 收起时那一周里别的月的日子 */
.mc-nav {
  width: 32px; height: 32px; border-radius: 50%; border: 1.3px solid rgba(107,81,56,.22); background: #fffdf8;
  color: var(--mc-ink); font: 400 19px/1 var(--hand, inherit); padding: 0 0 2px; cursor: pointer;
}
.mc-nav:disabled { opacity: .28; cursor: default; }
.mc-week, .mc-grid { display: grid; grid-template-columns: repeat(7, 1fr); }
.mc-week span { text-align: center; font-size: 12px; color: var(--text-mute, #b3a089); padding: 0 0 4px; letter-spacing: 1px; }
.mc-cell { display: flex; justify-content: center; padding: 2px 0; }
.mc-day {
  position: relative; width: 36px; height: 36px; border-radius: 50%; border: 0; padding: 0;
  background: transparent; color: var(--text-mute, #b3a089); font: 400 14px/1 var(--hand, inherit); cursor: default;
}
.mc-day .mc-num { position: relative; top: -2px; }
.mc-day:not(.has) .mc-num { top: 0; }
.mc-day.has { background: var(--mc-tint); color: var(--text, #4f3b2b); font-weight: 700; cursor: pointer; }
.mc-day.pick { color: var(--text-soft, #87705a); cursor: pointer; }                        /* open 时没东西的日子：不上色、能点（📅 日历） */
.mc-day.today { box-shadow: inset 0 0 0 1.4px rgba(107,81,56,.38); }                  /* 今天：一圈细线 */
.mc-day.sel { background: var(--mc-room); color: var(--text, #4f3b2b);
  box-shadow: 0 0 0 1.6px var(--mc-ink), 0 3px 0 rgba(107,81,56,.18); }               /* 选中：门色贴纸 */
.mc-dots { position: absolute; left: 50%; bottom: 5px; transform: translateX(-50%); display: flex; gap: 3px; }
.mc-dot { width: 5px; height: 5px; border-radius: 50%; background: #b3a089; }
.mc-dot.deer { background: #7fa874; }                                                  /* 澄澄：绿 */
.mc-dot.dog  { background: #d9a441; }                                                  /* 小狗：蜜色 */
.mc-day.sel .mc-dot { box-shadow: 0 0 0 1.2px #fffdf8; }
.mc-day.hot::after {                                                                  /* 这天有没读的：右上角小红点 */
  content: ''; position: absolute; top: 1px; right: 1px; width: 8px; height: 8px; border-radius: 50%;
  background: #e0806a; box-shadow: 0 0 0 1.5px #fffdf8;
}
.mc-day.star::after {                                                                 /* 这天得了满勤（健康）：右上角一颗蜜色小星星 */
  content: ''; position: absolute; top: -3px; right: -3px; width: 14px; height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.8 L12.4 7 L18 7.6 L13.8 11.4 L15 17 L10 14.1 L5 17 L6.2 11.4 L2 7.6 L7.6 7 Z' fill='%23f1c46a' stroke='%236b5138' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}