* {margin:0;padding:0;box-sizing:border-box} 
:root { 
--bg: #f8f9fa; 
--card: #fff; 
--text: #343a40; 
--gray: #6c757d; 
--primary: #0d6efd; 
--border: #dee2e6; 
--radius: 6px; 
} 
body { 
font-family: system-ui, -apple-system, sans-serif; 
background: var(--bg); 
color: var(--text); 
line-height: 1.7; 
font-size: 16px; 
} 
a {color: var(--primary);text-decoration:none} 
a:hover {color: #0a58ca} 
img {max-width:100%;height:auto;border-radius:var(--radius)} .container {max-width:1140px;margin:0 auto;padding:0 20px} .header { 
background: var(--card); 
border-bottom: 1px solid var(--border); 
padding: 1rem 0; 
margin-bottom: 2rem; 
} 
.header-inner {display:flex;justify-content:space-between;align-items:center} 
.logo {font-size:1.4rem;font-weight:700;color:var(--text)} 
.nav {display:flex;gap:1.5rem;list-style:none} 
.nav a {color:var(--text)} 
.nav a:hover, .nav .current-menu-item a {color:var(--primary)} .breadcrumb { 
background: var(--card); 
border: 1px solid var(--border); 
padding: 0.6rem 1rem; 
border-radius: var(--radius); 
font-size: 0.9rem; 
color: var(--gray); 
margin-bottom: 1.5rem; 
} .content-wrap {display:grid;grid-template-columns: 1fr 300px;gap:2rem;margin-bottom:2rem} 
.sidebar {align-self:flex-start} .post-list {display:flex;flex-direction:column;gap:1rem} 
.post-item { 
background: var(--card); 
border: 1px solid var(--border); 
border-radius: var(--radius); 
padding: 1.5rem; 
} 
.post-title {font-size:1.2rem;font-weight:600;margin-bottom:0.8rem} 
.post-excerpt {color:var(--gray);font-size:0.95rem;margin-bottom:1rem;line-height:1.7} 
.post-meta {font-size:0.85rem;color:var(--gray);display:flex;gap:1.5rem;padding-top:0.8rem;border-top:1px dashed var(--border)} .widget { 
background: var(--card); 
border: 1px solid var(--border); 
border-radius: var(--radius); 
padding: 1.2rem; 
margin-bottom: 1.5rem; 
} 
.widget-title {font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border)} 
.widget ul {list-style:none} 
.widget ul li {margin-bottom:0.6rem;padding-bottom:0.6rem;border-bottom:1px dashed var(--border)} 
.widget ul li:last-child {border:none;margin:0;padding:0} .single-card { 
background: var(--card); 
border: 1px solid var(--border); 
border-radius: var(--radius); 
padding: 2rem; 
} 
.single-title {font-size:1.8rem;margin-bottom:1rem;line-height:1.4} 
.single-meta {color:var(--gray);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)} 
.single-content {line-height:1.8} 
.single-content h2, .single-content h3 {margin:1.5rem 0 1rem 0;font-weight:600} 
.single-content p {margin-bottom:1rem} .pagination {display:flex;gap:0.5rem;justify-content:center;margin-top:1rem} 
.pagination a, .pagination span {padding:0.4rem 0.8rem;border-radius:var(--radius);background:var(--card);border:1px solid var(--border)} 
.pagination .current {background:var(--primary);color:#fff;border-color:var(--primary)} .footer { 
background: var(--card); 
border-top:1px solid var(--border); 
padding:1.5rem 0; 
text-align:center; 
color:var(--gray); 
font-size:0.9rem; 
} @media (max-width:992px) { 
.content-wrap {grid-template-columns:1fr} 
.nav {gap:1rem;font-size:0.9rem} 
}  .rev-author-card { 
background: linear-gradient(180deg, rgba(236, 72, 153, 0.05) 0%, var(--rev-card) 100%); 
border-top: 3px solid var(--rev-primary); 
padding: 1.5rem; 
margin-bottom: 1.5rem; 
} 
.rev-avatar { 
border: 3px solid transparent; 
background-clip: content-box, padding-box; 
background-image: linear-gradient(white, white), linear-gradient(135deg, var(--rev-primary), #f472b6); 
} 
.rev-author-name { 
margin-bottom: 0.5rem; 
color: var(--rev-text); 
} 
.rev-author-desc { 
font-size: 0.88rem; 
line-height: 1.6; 
} 
.rev-social a { 
width: 40px; 
height: 40px; 
font-size: 1.1rem; 
transition: all 0.2s; 
} 
.rev-social a:hover { 
background: var(--rev-primary); 
color: #fff; 
} .rev-widget ul { 
padding: 0; 
margin: 0; 
} 
.rev-widget ul li { 
margin-bottom: 0.2rem !important; 
padding-bottom: 0 !important; 
border-bottom: none !important; 
} 
.rev-widget ul li a { 
display: block; 
padding: 0.7rem 1rem; 
border-radius: 6px; 
color: var(--rev-text); 
transition: all 0.2s; 
border-left: 3px solid transparent; 
} 
.rev-widget ul li a:hover, 
.rev-widget ul li.current-menu-item a, 
.rev-widget ul li.current-cat a { 
background: rgba(236, 72, 153, 0.08); 
border-left-color: var(--rev-primary); 
color: var(--rev-primary); 
} 
.rev-widget-title { 
display: flex; 
align-items: center; 
gap: 0.5rem; 
padding-left: 0.5rem; 
border-left: 3px solid var(--rev-primary); 
border-bottom: none !important; 
} .rev-widget { 
padding: 1.2rem; 
border-radius: 8px; 
margin-bottom: 1.2rem; 
transition: all 0.2s; 
} 
.rev-widget:hover { 
box-shadow: 0 4px 12px rgba(0,0,0,0.05); 
border-color: var(--rev-primary); 
} .rev-widget ul li a time { 
float: right; 
font-size: 0.75rem; 
color: var(--rev-gray); 
margin-top: 0.1rem; 
}