/* 此处建议将CSS移至 style.css，这里仅为演示 */
:root {
--primary-color: #4a6cf7;
--border-color: #eee;
--text-color: #333;
--text-secondary: #666;
--bg-light: #f9f9f9;
}
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: #f5f5f5; color: var(--text-color); line-height: 1.6; }
a { color: var(--text-color); text-decoration: none; transition: color 0.3s; }
a:hover { color: var(--primary-color); }
.nr-container { max-width: 1300px; margin: 0 auto; padding: 20px; display: flex; gap: 20px; }
/*tag标签*/
.article-tags {
    margin: 20px 0;
    line-height: 32px;
}
.tag-title {
    font-size: 14px;
    color: #222;
    font-weight: 500;
    margin-right: 8px;
}
/* 彩色标签样式 */
.article-tags a {
    display: inline-block;
    background: #1677ff;
    color: #fff;
    font-size: 13px;
    padding: 4px 12px;
    margin: 0 6px 6px 0;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.2s all;
}
/* 悬浮加深 */
.article-tags a:hover {
    background: #0f5ed0;
}
/* 左侧主体 */
.nr-main-content { flex: 1; background: #fff; border-radius: 8px; padding: 30px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.nr-post-title { font-size: 28px; margin: 0 0 15px; padding-bottom: 15px; border-bottom: 2px solid var(--primary-color); }
.nr-post-meta { font-size: 14px; color: var(--text-secondary); padding: 10px 0; border-top: 1px dashed var(--border-color); border-bottom: 1px dashed var(--border-color); margin-bottom: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.nr-post-body { font-size: 16px; line-height: 1.8; }
.nr-post-body img { max-width: 100%; height: auto; border-radius: 4px; }
.nr-post-footer { margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--border-color); display: flex; justify-content: space-between; font-size: 14px; }
.nr-post-nav a { margin-right: 10px; }

/* 右侧侧边栏 */
.nr-sidebar { width: 240px; }
.nr-widget { background: #fff; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.nr-widget h3 { margin: 0 0 15px; padding-bottom: 10px; border-bottom: 1px solid var(--primary-color); font-size: 18px; position: relative; }
.nr-widget ul { list-style: none; padding: 0; margin: 0; }
.nr-widget li { padding: 10px 0; border-bottom: 1px dashed var(--border-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nr-widget li:last-child { border-bottom: none; }

/* 响应式 */
@media (max-width: 1003px) {
.nr-container { flex-direction: column; }
.nr-sidebar { width: 100%; }
}