:root{--font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--bg-color:#f8f9fa;--surface-color:#ffffff;--text-primary:#212529;--text-secondary:#6c757d;--accent-color:#007bff;--accent-hover:#0056b3;--border-color:#dee2e6;--shadow-color:rgba(0, 0, 0, 0.08);--transition-speed:0.3s}@media(prefers-color-scheme:dark){:root{--bg-color:#121212;--surface-color:#1e1e1e;--text-primary:#e9ecef;--text-secondary:#adb5bd;--accent-color:#4dabf7;--accent-hover:#1c7ed6;--border-color:#343a40;--shadow-color:rgba(0, 0, 0, 0.4)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-speed)ease,color var(--transition-speed)ease}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:var(--accent-color);transition:color var(--transition-speed)ease}a:hover{color:var(--accent-hover)}h1,h2,h3,h4{line-height:1.2;margin-bottom:.5rem;font-weight:700}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.site-header{background-color:var(--surface-color);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px var(--shadow-color);transition:background-color var(--transition-speed)ease,border-color var(--transition-speed)ease}.site-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo{font-size:1.8rem;font-weight:900;color:var(--text-primary)}.logo span{color:var(--accent-color)}.main-nav ul{list-style:none;display:flex;gap:1.5rem}.main-nav a{color:var(--text-secondary);font-weight:600;position:relative;padding:.5rem 0}.main-nav a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--accent-color);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.19,1,.22,1)}.main-nav a:hover,.main-nav a.active{color:var(--text-primary)}.main-nav a:hover::after{transform:scaleX(1);transform-origin:left}main{padding:2rem 0;animation:fadeIn .8s ease-out}main.container{margin-top:2rem}.news-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hero{grid-template-columns:1fr}.hero .article-card{display:grid;grid-template-columns:.5fr 1fr;align-items:center;gap:1rem;padding:0}.hero .article-card-image{height:100%;object-fit:cover}.hero .article-card-content{padding:2rem}.hero h2{font-size:2.5rem}.hero .article-meta{font-size:1rem;margin-bottom:1rem}.section-title{font-size:2rem;font-weight:800;margin-bottom:1.5rem;border-bottom:3px solid var(--accent-color);padding-bottom:.5rem;display:inline-block}.article-card{background-color:var(--surface-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px var(--shadow-color);transition:transform var(--transition-speed)ease,box-shadow var(--transition-speed)ease;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px var(--shadow-color)}.article-card-image{width:100%;height:200px;object-fit:cover}.article-card-content{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.article-card h3{font-size:1.25rem;margin-bottom:.75rem}.article-card h3 a{color:var(--text-primary)}.article-card p{color:var(--text-secondary);margin-bottom:1rem}.article-card .article-meta{font-size:.875rem;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center}.article-card .article-meta .category{padding:.2rem .6rem;border-radius:20px;font-weight:600;font-size:.75rem;text-transform:uppercase}.category-ai{background-color:#4a90e2;color:#fff}.category-business{background-color:#2f4f4f;color:#fff}.category-coding{background-color:#f5a623;color:#000}.category-deeplearning{background-color:#6a0dad;color:#fff}.category-hardware{background-color:gray;color:#fff}.category-misc{background-color:#d3d3d3;color:#000}.category-news{background-color:#d0021b;color:#fff}.category-rl{background-color:teal;color:#fff}.category-sysadmin{background-color:#006400;color:#fff}.category-teaching{background-color:#4caf50;color:#fff}.pagination{display:flex;justify-content:center;list-style:none;margin-top:3rem;gap:.5rem}.page-item .page-link{display:block;padding:.75rem 1rem;color:var(--text-secondary);background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;transition:all var(--transition-speed)ease;font-weight:600}.page-item:not(.disabled) .page-link:hover{background-color:var(--bg-color);border-color:var(--accent-color);color:var(--accent-color)}.page-item.active .page-link{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;z-index:1}.page-item.disabled .page-link{color:var(--text-secondary);pointer-events:none;opacity:.6}.article-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.article-header .category{display:inline-block;color:#fff;padding:.3rem .8rem;border-radius:20px;font-weight:700;font-size:.8rem;text-transform:uppercase;margin-bottom:1rem}.article-header h1{font-size:3rem;font-weight:900;color:var(--text-primary);margin-bottom:1rem}.article-header .article-meta{color:var(--text-secondary);font-size:.9rem}.article-header .article-meta span.author{font-weight:600;color:var(--accent-color)}.article-featured-image{max-width:800px;margin:0 auto 2rem;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px var(--shadow-color)}.article-featured-image figcaption{text-align:center;font-size:.8rem;color:var(--text-secondary);margin-top:.5rem;padding:0 1rem}.md-content{max-width:720px;margin:0 auto;font-size:1.1rem;line-height:1.8}.md-content>*+*{margin-top:1.5em}.md-content h2,.md-content h3,.md-content h4{color:var(--text-primary);line-height:1.3}.md-content h2{font-size:1.8rem;margin-top:2.5rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.md-content h3{font-size:1.5rem;margin-top:2rem}.md-content a{text-decoration:underline;text-decoration-color:var(--accent-color);text-underline-offset:3px;text-decoration-thickness:1px}.md-content a:hover{text-decoration-color:var(--accent-hover);background-color:var(--bg-color)}.md-content ul,.md-content ol{padding-left:1.5rem}.md-content li{margin-bottom:.5rem}.md-content blockquote{border-left:4px solid var(--accent-color);padding:1rem 1.5rem;margin:1.5rem 0;background-color:var(--surface-color);border-radius:0 8px 8px 0;color:var(--text-secondary);font-style:italic}.md-content blockquote p{margin:0}.md-content hr{border:0;height:1px;background:var(--border-color);margin:3rem 0}.md-content code:not(pre>code){font-family:var(--font-family-mono);background:var(--bg-color);border:1px solid var(--border-color);padding:.2em .4em;font-size:85%;border-radius:4px}.md-content pre{font-family:var(--font-family-mono);background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1rem;overflow-x:auto;font-size:.9rem;line-height:1.5}.terms-list{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.terms-list h3{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.terms-list ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.75rem}.terms-list a{display:inline-block;background-color:var(--bg-color);border:1px solid var(--border-color);padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-speed)ease}.terms-list a:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px)}.site-footer{background-color:var(--surface-color);color:var(--text-secondary);border-top:1px solid var(--border-color);padding:2rem 0;margin-top:3rem;text-align:center;font-size:.9rem}.footer-nav ul{list-style:none;display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}@media(max-width:992px){.hero .article-card{grid-template-columns:1fr}.hero .article-card-image{height:300px}.hero .article-card-content{padding:1.5rem}.hero h2{font-size:2rem}}@media(max-width:768px){.site-header .container{flex-direction:column;gap:1rem}.main-nav ul{gap:1rem;flex-wrap:wrap;justify-content:center}.section-title{font-size:1.75rem}.article-header h1{font-size:2.2rem}.article-content{font-size:1rem}}