/* J-POP LIVE — jpop-j.com */
:root { --ink: #21143e; --violet: #7027d8; --pink: #ec3d9d; --sky: #26bee8; }
* { box-sizing: border-box; }
body { margin: 0; background: #f7f0ff; color: var(--ink); font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; }
.site-header { padding: 44px 18px 34px; color: white; text-align: center; background: var(--violet); box-shadow: 0 5px 18px rgba(112,39,216,.22); }
.site-header h1 { margin: 0; font-size: clamp(2rem, 8vw, 3.6rem); letter-spacing: .04em; }
.site-header h1 a { color: inherit; text-decoration: none; }
.site-header p { margin: 7px 0 0; opacity: .9; }
.container { max-width: 900px; margin: 0 auto; padding: 28px 14px 48px; }
.updated { color: #826aab; font-size: .8rem; text-align: right; }
.thread-list { margin: 14px 0; padding: 0; list-style: none; }
.thread-item { margin-bottom: 12px; background: rgba(255,255,255,.9); border: 1px solid #eadcff; border-radius: 14px; box-shadow: 0 8px 20px rgba(93,44,150,.09); overflow: hidden; }
.thread-item > a { display: block; padding: 19px 20px; text-decoration: none; }
.thread-item > a:hover { color: white; background: var(--violet); }
.thread-title { font-size: 1.08rem; font-weight: bold; line-height: 1.65; }
.thread-date { display: block; margin-top: 7px; color: #826aab; font-size: .78rem; text-align: right; }
.thread-item > a:hover .thread-date { color: white; }
.pagination { display: flex; gap: 12px; margin-top: 22px; }
.page-card { flex: 1; padding: 14px; color: var(--ink); background: white; border: 1px solid #eadcff; border-radius: 12px; text-decoration: none; }
.page-card:hover { color: white; background: var(--violet); }
.page-info { align-self: center; color: #826aab; }
.site-footer { padding: 28px; color: #826aab; text-align: center; font-size: .8rem; }