.jn-root{background:var(--color-bg-page);min-height:100vh}.jn-list-wrap{padding:48px var(--space-page)}.jn-head{text-align:center;margin-bottom:40px}.jn-title{font-family:var(--font-display);color:var(--color-text-primary);margin:0;font-size:44px;font-weight:700}.jn-sub{color:var(--color-text-muted);max-width:560px;margin:10px auto 0;font-size:15px}.jn-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto;display:grid}.jn-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition-fast);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.jn-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.jn-card-img{aspect-ratio:16/10;background-color:var(--color-bg-surface);background-position:50%;background-size:cover}.jn-card-body{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.jn-card-title{font-family:var(--font-display);color:var(--color-text-primary);margin:0;font-size:19px;font-weight:700;line-height:1.3}.jn-card-excerpt{color:var(--color-text-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.jn-meta{color:var(--color-text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.jn-card .jn-meta{margin-top:auto;padding-top:10px}.jn-empty{text-align:center;color:var(--color-text-muted);padding:60px 20px}.jn-empty-icon{margin-bottom:10px;font-size:40px}.jn-empty-title{color:var(--color-text-primary);margin:0 0 6px;font-size:18px}.jn-cover{aspect-ratio:21/8;background-position:50%;background-size:cover}.jn-article{max-width:760px;margin:0 auto;padding:40px 24px 80px}.jn-article-title{font-family:var(--font-display);color:var(--color-text-primary);margin:0 0 12px;font-size:38px;font-weight:700;line-height:1.2}.jn-article .jn-meta{margin-bottom:32px;font-size:13px}.jn-content{color:var(--color-text-body);font-size:16px;line-height:1.8}.jn-content p{margin:0 0 22px}.jn-tags{flex-wrap:wrap;gap:8px;margin-top:36px;display:flex}.jn-tag{background:var(--color-primary-light);color:var(--color-primary-text);border-radius:var(--radius-pill);padding:4px 12px;font-size:12px;font-weight:500}@media (max-width:767px){.jn-list-wrap{padding-left:16px;padding-right:16px}.jn-title{font-size:32px}.jn-grid{grid-template-columns:1fr}.jn-cover{aspect-ratio:4/3}.jn-article{padding:40px 20px 80px}.jn-article-title{font-size:28px}}