body { background-color: #f8f9fa; transition: background-color 0.3s, color 0.3s; }
        .dark body { background-color: #0f1115; color: #e5e7eb; }
        
        /* Glassmorphism Cards */
        .glass-panel {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        }
        .dark .glass-panel {
            background: rgba(23, 23, 28, 0.8);
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2);
        }

        /* Scrollbars */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
        .dark ::-webkit-scrollbar-thumb { background: #374151; }

        /* Utility Classes for Filter Bar */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        .mask-linear-fade { 
            -webkit-mask-image: linear-gradient(to right, black 90%, transparent 100%); 
            mask-image: linear-gradient(to right, black 90%, transparent 100%); 
        }

        .timeline-line {
            position: absolute;
            left: 24px;
            top: 0;
            bottom: 0;
            width: 2px;
            background: #e5e7eb;
            z-index: 0;
        }
        .dark .timeline-line { background: #374151; }

        /* Flags/Tags */
        .site-tag {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.1);
    white-space: nowrap;
    /* 新增对齐样式 */
    display: inline-flex;
    align-items: center;
    gap: 4px; 
}
        .dark .site-tag {
            background: rgba(255,255,255,0.1);
            border-color: rgba(255,255,255,0.1);
        }

        /* Animation */
        @keyframes pulse-ring {
            0% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(255, 153, 0, 0.7); }
            70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(255, 153, 0, 0); }
            100% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(255, 153, 0, 0); }
        }
        .animate-pulse-ring { animation: pulse-ring 2s infinite; }