 * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: 'Manrope', sans-serif;
            background: #f8fbff;
            color: #0f172a;
            overflow-x: hidden;
        }
        .font-mono { font-family: 'JetBrains Mono', monospace; }

        :root {
            --brand: #2563eb;
            --brand-deep: #1d4ed8;
            --brand-soft: #eff6ff;
            --ink: #0f172a;
            --muted: #475569;
            --line: rgba(37, 99, 235, 0.14);
        }

        .grid-bg {
            background-image:
                linear-gradient(rgba(37, 99, 235, 0.04) 1px, transparent 1px),
                linear-gradient(90deg, rgba(37, 99, 235, 0.04) 1px, transparent 1px);
            background-size: 56px 56px;
        }

        .glow {
            position: absolute;
            width: 520px;
            height: 520px;
            background: radial-gradient(circle, rgba(37, 99, 235, 0.12) 0%, transparent 72%);
            border-radius: 50%;
            filter: blur(70px);
            pointer-events: none;
        }

        .nav-blur {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(37, 99, 235, 0.08);
        }

        .glass-card {
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(14px);
            border: 1px solid var(--line);
            box-shadow: 0 8px 36px rgba(37, 99, 235, 0.08);
            transition: all 0.3s ease;
        }

        .glass-card:hover {
            transform: translateY(-3px);
            border-color: rgba(37, 99, 235, 0.24);
            box-shadow: 0 16px 44px rgba(37, 99, 235, 0.12);
        }

        .btn-primary {
            background: linear-gradient(135deg, var(--brand), #3b82f6);
            color: white;
            box-shadow: 0 10px 28px rgba(37, 99, 235, 0.25);
            transition: all 0.3s ease;
        }

        .btn-primary:hover {
            transform: translateY(-1px);
            box-shadow: 0 14px 32px rgba(37, 99, 235, 0.32);
        }

        .btn-outline {
            border: 1.5px solid var(--brand);
            color: var(--brand);
            transition: all 0.3s ease;
            background: rgba(255,255,255,0.7);
        }

        .btn-outline:hover {
            background: rgba(37, 99, 235, 0.05);
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.06);
        }

        .text-gradient {
            background: linear-gradient(135deg, #2563eb, #60a5fa);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .tag {
            background: rgba(37, 99, 235, 0.08);
            border: 1px solid rgba(37, 99, 235, 0.18);
            color: var(--brand);
        }

        .tier-basic { background: linear-gradient(135deg, #10b981, #059669); }
        .tier-enterprise { background: linear-gradient(135deg, #2563eb, #1d4ed8); }
        .tier-flagship { background: linear-gradient(135deg, #7c3aed, #5b21b6); }

        .code-block {
            background: #0b1220;
            border-left: 3px solid var(--brand);
            font-family: 'JetBrains Mono', monospace;
        }

        .article-card {
            border: 1px solid #e2e8f0;
            transition: all 0.3s ease;
        }

        .article-card:hover {
            border-color: rgba(37, 99, 235, 0.3);
            box-shadow: 0 10px 28px rgba(37, 99, 235, 0.08);
        }

        .scene-icon {
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(96, 165, 250, 0.06));
            border: 1px solid rgba(37, 99, 235, 0.16);
        }

        .step-line {
            background: linear-gradient(to bottom, #2563eb, rgba(37, 99, 235, 0.16));
        }

        .input-glow:focus {
            outline: none;
            border-color: var(--brand);
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
        }

        .zhipu-accent {
            background: linear-gradient(135deg, #1d4ed8, #2563eb);
        }

        .infra-accent {
            background: linear-gradient(135deg, #624aff, #7c3aed);
        }