/* 首页一点像素小物(11-02;说明见 home-px.js 开头)。只在 html.homepx 下生效;首页的昼夜是 data-theme="light" / "dark"。 */
@font-face { font-family: "HTPX"; src: url(/static/fonts/ark-pixel-12px.woff2?v=1) format("woff2"); font-display: swap; }
@font-face { font-family: "HTPX-fill"; src: url(/static/fonts/fusion-pixel-12px-fill.woff2?v=1) format("woff2"); font-display: swap; }

/* ── 图标:tabler 字形缩成 0,换徽章图(一格 2px,宽高 = 格数 × 2) ── */
html.homepx .tl-row .today-icon i.ti,
html.homepx .today-card .today-icon i.ti,
html.homepx .chat-avatar i.ti,
html.homepx .chat-arrow i.ti,
html.homepx .settings-bar > i.ti,
html.homepx #themeBtn > i.ti,
html.homepx .hero-meta > i.ti,
html.homepx .home-whisper > i.ti,
html.homepx .schedule-line > i.ti {
  font-size: 0 !important; display: inline-block; flex: none; image-rendering: pixelated; background: center / 100% 100% no-repeat;
}
html.homepx i.ti-alarm { width: 24px; height: 24px; background-image: var(--hpi-alarm) !important; }
html.homepx i.ti-wave-sine { width: 24px; height: 18px; background-image: var(--hpi-wave) !important; }
html.homepx i.ti-clipboard-text { width: 20px; height: 24px; background-image: var(--hpi-clip) !important; }
html.homepx i.ti-notebook { width: 20px; height: 20px; background-image: var(--hpi-book) !important; }
html.homepx i.ti-brain,
html.homepx .hero-meta > i.ti-heart { width: 18px; height: 16px; background-image: var(--hpi-heart) !important; }
html.homepx i.ti-sparkles { width: 22px; height: 22px; background-image: var(--hpi-spark) !important; }
html.homepx .chat-avatar i.ti-message-heart { width: 24px; height: 20px; background-image: var(--hpi-chat) !important; }
html.homepx .chat-arrow i.ti-arrow-right { width: 20px; height: 18px; background-image: var(--hpi-arrow) !important; }
html.homepx .settings-bar > i.ti-settings { width: 22px; height: 22px; background-image: var(--hpi-gear) !important; }
html.homepx #themeBtn > i.ti-moon { width: 22px; height: 22px; background-image: var(--hpi-moon) !important; }
html.homepx #themeBtn > i.ti-sun { width: 22px; height: 22px; background-image: var(--hpi-sun) !important; }
/* 昼夜键的月亮原来是 home2.html 用 #themeBtn .ti-moon:before + mask 画的(不是字形),font-size:0 管不到 → 关掉它,只留像素月亮(11-02 她截图两个叠着) */
html.homepx #themeBtn > i.ti::before { content: none !important; display: none !important; }
html.homepx .schedule-line > i.ti-bell { width: 20px; height: 20px; background-image: var(--hpi-bell) !important; }
html.homepx .home-whisper > i.ti-sparkles { width: 22px; height: 22px; }
/* 图标底座:直角 + 一格像素描边 */
html.homepx .tl-row .today-icon,
html.homepx .today-card .today-icon {
  width: 32px; height: 32px; border-radius: 0;
  box-shadow: 0 -2px 0 rgba(69, 77, 156, .32), 0 2px 0 rgba(69, 77, 156, .32), -2px 0 0 rgba(69, 77, 156, .32), 2px 0 0 rgba(69, 77, 156, .32);
}
html.homepx .chat-avatar {
  border-radius: 0;
  box-shadow: 0 -2px 0 rgba(69, 77, 156, .32), 0 2px 0 rgba(69, 77, 156, .32), -2px 0 0 rgba(69, 77, 156, .32), 2px 0 0 rgba(69, 77, 156, .32);
}

/* ── DAY 那个数:像素字小标签 + 小心心 ── */
html.homepx .home-date b {
  display: inline-flex; align-items: center; gap: 4px; margin-left: 4px; padding: 1px 7px 1px 5px; vertical-align: 1px;
  font-family: "HTPX", "HTPX-fill", sans-serif; font-size: 12px; line-height: 18px; letter-spacing: 0; font-weight: 400; font-synthesis: none;
  color: #7a3a4c; background: rgba(247, 191, 214, .5);
  box-shadow: 0 -2px 0 #c97a92, 0 2px 0 #c97a92, -2px 0 0 #c97a92, 2px 0 0 #c97a92;
}
html.homepx .home-date b::before,
html.homepx .home-date b.ms::before {
  content: ""; width: 18px; height: 16px; flex: none; image-rendering: pixelated; background: var(--hpi-heart) center / 100% 100% no-repeat;
}
html.homepx[data-theme="dark"] .home-date b {
  color: #ffd6f3; background: rgba(244, 180, 226, .16);
  box-shadow: 0 -2px 0 #f4b4e2, 0 2px 0 #f4b4e2, -2px 0 0 #f4b4e2, 2px 0 0 #f4b4e2;
}

/* ── 小青蛙 + 青蛙池 ── */
html.homepx .hpx img { display: block; image-rendering: pixelated; }
html.homepx .hpx .n { display: none; }
html.homepx[data-theme="dark"] .hpx .d { display: none; }
html.homepx[data-theme="dark"] .hpx .n { display: block; }
html.homepx .hpx.frog { display: inline-block; vertical-align: -6px; margin-left: 8px; pointer-events: none; }
html.homepx .hpx.pond { display: block; width: 222px; margin: 22px auto 8px; pointer-events: none; }

/* ── 「和他说话」下面那行小字:11-02 她报手机上只剩一个「最」字(08-21 也报过一次)。Chromium 预览里这一列 228px、整句都在,
   猜是 WebKit 算 1fr 那列的最小宽度出了岔子 → 列宽写成 minmax(0, 1fr),小字允许折行、不再裁省略号:宁可两行,也不吞字 ── */
html.homepx .chat-door { grid-template-columns: 44px minmax(0, 1fr) 32px; }
html.homepx .chat-door .chat-copy { min-width: 0; width: 100%; }
html.homepx .chat-copy small#doorSub { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }