:root {
            --bg-color: #0f172a;
            --text-main: #f8fafc;
            --text-muted: #94a3b8;
            --accent: #6366f1;
            --card-bg: #1e293b;
            --border: #334155;
            --green-badge: #10b981;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; }
        body { background-color: var(--bg-color); color: var(--text-main); padding: 40px 20px; }

        .container { max-width: 800px; margin: 0 auto; }
        
        .header { margin-bottom: 50px; text-align: center; }
        .header h1 { font-size: 36px; font-weight: 800; margin-bottom: 10px; }
        .header p { color: var(--text-muted); }
        .back-link { color: var(--accent); text-decoration: none; font-weight: 600; display: inline-block; margin-bottom: 20px; }

        /* Timeline Layout */
        .timeline { position: relative; border-left: 2px solid var(--border); padding-left: 30px; margin-left: 10px; }

        .update-card {
            background-color: var(--card-bg);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 24px;
            margin-bottom: 30px;
            position: relative;
        }

        /* Timeline Dot */
        .update-card::before {
            content: '';
            position: absolute;
            left: -41px;
            top: 28px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: var(--accent);
            border: 4px solid var(--bg-color);
        }

        .version-tag {
            display: inline-block;
            background-color: rgba(99, 102, 241, 0.2);
            color: var(--accent);
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .update-date { font-size: 14px; color: var(--text-muted); float: right; }
        .update-title { font-size: 20px; margin-bottom: 15px; }

        .change-list { list-style: none; }
        .change-list li { margin-bottom: 8px; color: var(--text-muted); font-size: 15px; display: flex; align-items: center; gap: 8px; }

        .badge { font-size: 11px; padding: 2px 6px; border-radius: 4px; font-weight: 800; text-transform: uppercase; }
        .badge-new { background-color: #10b981; color: #000; }
        .badge-fix { background-color: #f59e0b; color: #000; }
        .badge-sec { background-color: #ef4444; color: #000; }