.confession-chapter { min-height: 100svh; }
.confession-chat { background: #fff; border: 1px solid rgba(61,36,53,.12); box-shadow: 0 22px 54px rgba(61,36,53,.1); margin: clamp(52px,9vw,110px) auto 0; max-width: 760px; overflow: hidden; position: relative; }
.confession-topbar { align-items: center; border-bottom: 1px solid #ededed; display: grid; font-family: Arial, sans-serif; grid-template-columns: 48px 1fr 48px; height: 58px; padding: 0 10px; text-align: center; }
.confession-topbar span { color: #171717; font-size: 28px; line-height: 1; }
.confession-topbar span:last-child { font-size: 18px; letter-spacing: 2px; }
.confession-topbar strong { font-size: 17px; font-weight: 500; }
.confession-feed { background: #fff; box-sizing: border-box; height: min(74svh, 790px); overflow: auto; padding: 20px 16px 42px; scroll-behavior: smooth; }
.confession-row { align-items: flex-start; display: flex; gap: 9px; margin: 0 0 12px; opacity: 0; transform: translateY(7px); transition: opacity .25s ease, transform .25s ease; }
.confession-row.visible { opacity: 1; transform: translateY(0); }
.confession-row.outgoing { flex-direction: row-reverse; }
.confession-avatar { background: #f4f4f4; border-radius: 5px; flex: 0 0 38px; height: 38px; object-fit: cover; width: 38px; }
.confession-bubble { background: #f5f5f5; border-radius: 6px; color: #151515; font-family: Arial, "Microsoft YaHei", sans-serif; font-size: 16px; line-height: 1.48; max-width: min(76%, 530px); min-height: 24px; overflow-wrap: anywhere; padding: 9px 11px; position: relative; white-space: pre-wrap; }
.confession-row.incoming .confession-bubble::before, .confession-row.outgoing .confession-bubble::before { border-bottom: 6px solid transparent; border-top: 6px solid transparent; content: ''; position: absolute; top: 12px; }
.confession-row.incoming .confession-bubble::before { border-right: 7px solid #f5f5f5; left: -6px; }
.confession-row.outgoing .confession-bubble { background: #95ec69; }
.confession-row.outgoing .confession-bubble::before { border-left: 7px solid #95ec69; right: -6px; }
.confession-status, .confession-time { color: #9b9b9b; font-family: Arial, "Microsoft YaHei", sans-serif; font-size: 12px; margin: 12px auto; text-align: center; }
.confession-status { background: #f2f2f2; border-radius: 4px; padding: 3px 7px; width: fit-content; }
.confession-time { margin: 20px auto 14px; }
.confession-skip { bottom: 12px; right: 12px; }
@media (max-width: 600px) { .confession-chat { margin-left: -8px; margin-right: -8px; } .confession-feed { height: 73svh; padding: 16px 12px 42px; } .confession-bubble { font-size: 15px; max-width: 78%; } .confession-avatar { flex-basis: 34px; height: 34px; width: 34px; } }

.time-archive { background: linear-gradient(155deg, rgba(255,250,252,.98), rgba(255,235,244,.62)); min-height: 100svh; overflow: hidden; }
.time-archive-intro { max-width: 760px; }
.time-archive-intro h2 { margin: 0; }
.time-record { margin: clamp(66px,11vw,130px) auto 0; max-width: 760px; }
.time-record.is-condensed { margin-top: clamp(48px,8vw,88px); }
.time-entry { border-top: 1px solid rgba(61,36,53,.17); opacity: 0; padding: 25px 0 22px; transform: translateY(16px); }
.time-entry:last-child { border-bottom: 1px solid rgba(61,36,53,.17); }
.time-entry.accepted { border-bottom: 1px solid rgba(61,36,53,.17); }
.time-record.is-playing .time-entry { animation: timeEntryIn .72s cubic-bezier(.22,1,.36,1) var(--delay) forwards; }
.time-event { align-items: baseline; display: grid; gap: 20px; grid-template-columns: minmax(150px,.8fr) 1.5fr; }
.time-event span { color: #9c7181; font-family: var(--mono); font-size: clamp(11px, 1.5vw, 14px); letter-spacing: .1em; }
.time-event strong { color: #573546; font-size: clamp(20px, 3.3vw, 34px); font-weight: 500; letter-spacing: -.02em; line-height: 1.35; }
.streak-days { color: #c64f78; font-weight: 500; }
.time-entry.accepted .time-event strong { color: #c64f78; }
.time-entry > p { color: #8c6878; font-family: var(--mono); font-size: 11px; letter-spacing: .04em; margin: 13px 0 0; }
.time-elapsed { color: #9d4766; font-size: 12px; }
.time-together { margin-top: clamp(38px,6vw,64px); opacity: 0; text-align: center; transform: translateY(16px); }
.time-record.is-playing .time-together { animation: timeEntryIn .72s cubic-bezier(.22,1,.36,1) var(--delay) forwards; }
.time-together p { color: #8c6878; font-size: 14px; margin: 0 0 12px; }
.time-together output { color: #c64f78; display: block; font-family: var(--mono); font-size: clamp(23px,4vw,42px); letter-spacing: -.06em; line-height: 1.35; }
@keyframes timeEntryIn { to { opacity: 1; transform: translateY(0); } }
@media (max-width: 600px) {
  .time-entry { padding: 19px 0 17px; }
  .time-event { gap: 9px; grid-template-columns: 1fr; }
  .time-event strong { font-size: 24px; }
}
/* 表白聊天区滚动条细化 */
.confession-feed::-webkit-scrollbar { width: 5px; }
.confession-feed::-webkit-scrollbar-thumb { background: rgba(214,90,130,.18); border-radius: 999px; }
.confession-feed::-webkit-scrollbar-track { background: transparent; }