body { background-color: #050505; color: white; overflow-x: hidden; }
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #050505; }
        ::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #FFD700; }
        .blog-card { transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); border: 1px solid #222; }
        .blog-card:hover { transform: translateY(-8px); border-color: #FFD700; box-shadow: 0 10px 40px -10px rgba(255, 215, 0, 0.15); }
        .blog-card:hover .img-zoom { transform: scale(1.05); }
        .article-content p { margin-bottom: 0.9rem; line-height: 1.75; font-size: 1.05rem; color: #d1d5db; }
        .article-content p:last-child { margin-bottom: 0; }
        .article-content h2 { font-size: 1.75rem; font-weight: 700; color: white; margin-top: 2.5rem; margin-bottom: 1rem; }
        .article-content h3 { font-size: 1.4rem; font-weight: 600; color: #FFD700; margin-top: 2rem; margin-bottom: 0.75rem; }
        .article-content ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1.5rem; color: #d1d5db; }
        .article-content li { margin-bottom: 0.5rem; }
        .article-content blockquote { border-left: 4px solid #FFD700; padding-left: 1.5rem; font-style: italic; color: #9ca3af; margin: 1.25rem 0; background: rgba(255, 215, 0, 0.05); padding: 1.2rem 1.25rem; border-radius: 0 10px 10px 0; }
        .article-content img { width: 100%; height: auto; max-width: 1200px; margin: 2rem auto; display: block; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); border: 1px solid #333; }
        .article-content figure { margin: 2rem 0; }
        .article-content figure img { margin-bottom: 0.5rem; }
        .article-content figcaption { text-align: center; font-size: 0.875rem; color: #9ca3af; margin-top: 0.5rem; }
        .article-content a {
            color: #60a5fa;
            text-decoration: underline;
            text-underline-offset: 3px;
            transition: color .2s ease;
        }
        .article-content a:hover {
            color: #93c5fd;
        }
        .sidebar-sticky { position: sticky; top: 100px; }
        .fade-in { animation: fadeIn 0.6s ease forwards; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .share-modal { 
            position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
            background: rgba(0,0,0,0.8); display: none; 
            justify-content: center; align-items: center; z-index: 1000; 
            backdrop-filter: blur(5px);
        }
        .share-modal-content { 
            background: #1a1a1a; padding: 2rem; border-radius: 16px; 
            border: 1px solid #333; max-width: 400px; width: 90%; 
            box-shadow: 0 20px 60px rgba(0,0,0,0.5);
        }
        .fixed-img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
        .trending-item {
            transition: all 0.2s ease;
            border-left: 3px solid transparent;
            padding-left: 12px;
        }
        .trending-item:hover {
            border-left-color: #FFD700;
            background: rgba(255, 215, 0, 0.05);
            padding-left: 16px;
        }
        .trending-badge {
            background: linear-gradient(135deg, #FFD700, #FFA500);
        }