* { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Inter', sans-serif; background-color: #ffffff; color: #1e293b; overflow-x: hidden; }
        .font-mono { font-family: 'JetBrains Mono', monospace; }

        .grid-bg {
            background-image: linear-gradient(rgba(14, 165, 233, 0.03) 1px, transparent 1px),
                              linear-gradient(90deg, rgba(14, 165, 233, 0.03) 1px, transparent 1px);
            background-size: 60px 60px;
        }

        .glow {
            position: absolute;
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(14, 165, 233, 0.08) 0%, transparent 70%);
            border-radius: 50%;
            filter: blur(60px);
            pointer-events: none;
        }

        .glass-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(14, 165, 233, 0.12);
            box-shadow: 0 4px 24px rgba(14, 165, 233, 0.06);
            transition: all 0.3s ease;
        }
        .glass-card:hover {
            border-color: rgba(14, 165, 233, 0.3);
            box-shadow: 0 8px 32px rgba(14, 165, 233, 0.12);
            transform: translateY(-3px);
        }

        .btn-primary {
            background: linear-gradient(135deg, #0ea5e9, #2563eb);
            box-shadow: 0 4px 16px rgba(14, 165, 233, 0.28);
            transition: all 0.3s;
        }
        .btn-primary:hover {
            box-shadow: 0 6px 24px rgba(14, 165, 233, 0.38);
            transform: translateY(-1px);
        }

        .btn-outline {
            border: 1.5px solid #0ea5e9;
            color: #0ea5e9;
            transition: all 0.3s;
        }
        .btn-outline:hover {
            background: rgba(14, 165, 233, 0.05);
            box-shadow: 0 0 20px rgba(14, 165, 233, 0.15);
        }

        .text-gradient {
            background: linear-gradient(135deg, #0ea5e9, #2563eb);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .tag {
            background: rgba(14, 165, 233, 0.08);
            border: 1px solid rgba(14, 165, 233, 0.2);
            color: #0ea5e9;
        }

        .tier-basic { background: linear-gradient(135deg, #10b981, #059669); }
        .tier-enterprise { background: linear-gradient(135deg, #0ea5e9, #2563eb); }
        .tier-flagship { background: linear-gradient(135deg, #7c3aed, #5b21b6); }

        .code-block {
            background: #0f172a;
            border-left: 3px solid #0ea5e9;
            font-family: 'JetBrains Mono', monospace;
        }

        .nav-blur {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(14, 165, 233, 0.1);
        }

        .input-glow:focus {
            outline: none;
            border-color: #0ea5e9;
            box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1);
        }

        .article-card {
            border: 1px solid #e2e8f0;
            transition: all 0.3s;
        }
        .article-card:hover {
            border-color: #0ea5e9;
            box-shadow: 0 4px 20px rgba(14, 165, 233, 0.1);
        }

        .scene-icon {
            background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(37, 99, 235, 0.05));
            border: 1px solid rgba(14, 165, 233, 0.2);
        }

        .step-line {
            background: linear-gradient(to bottom, #0ea5e9, rgba(14, 165, 233, 0.2));
        }

        .wan-accent {
            background: linear-gradient(135deg, #06b6d4, #2563eb);
        }

        .modelscope-accent {
            background: linear-gradient(135deg, #624aff, #8b5cf6);
        }