/* 怪異録 — horror-j.com */
:root { --night: #090b12; --panel: #141826; --line: #343d55; --mist: #c8cedd; --blood: #e34b5f; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top, #252a40 0, var(--night) 48rem); color: var(--mist); font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; }
a { color: inherit; }
.site-header { padding: 42px 18px 32px; text-align: center; background: linear-gradient(135deg, rgba(227,75,95,.2), rgba(13,15,27,.95)); border-bottom: 1px solid var(--line); }
.site-header h1 { margin: 0; color: #fff4f5; font-family: Georgia, "Yu Mincho", serif; font-size: clamp(2rem, 7vw, 3.4rem); letter-spacing: .08em; text-shadow: 0 0 26px rgba(227,75,95,.45); }
.site-header h1 a { text-decoration: none; }
.site-header p { margin: 8px 0 0; color: #abb5d0; }
.container { max-width: 860px; margin: 0 auto; padding: 28px 14px 48px; }
.updated { color: #9da8c5; font-size: .8rem; text-align: right; }
.thread-list { margin: 14px 0; padding: 0; list-style: none; border: 1px solid var(--line); background: rgba(20,24,38,.92); }
.thread-item { border-top: 1px solid rgba(200,206,221,.14); }
.thread-item:first-child { border-top: 0; }
.thread-item > a { display: block; padding: 20px; text-decoration: none; }
.thread-item > a:hover { background: rgba(227,75,95,.12); }
.thread-title { color: #f6edf0; font-family: Georgia, "Yu Mincho", serif; font-size: 1.08rem; line-height: 1.65; }
.thread-date { display: block; margin-top: 7px; color: #9da8c5; font-size: .78rem; text-align: right; }
.pagination { display: flex; gap: 10px; margin-top: 22px; }
.page-card { flex: 1; padding: 13px; color: var(--mist); background: #1b2030; border: 1px solid var(--line); text-decoration: none; }
.page-card:hover { border-color: var(--blood); }
.page-info { align-self: center; color: #9da8c5; }
.site-footer { padding: 28px; color: #8993ae; text-align: center; font-size: .8rem; }