A little problem in the format of UI script

[Nxxxa23]

I have a problem when trying to write the first UI script. When I write the header content and the left curly brace { separately(I'm used to do this for a long time, as well as in CSS), the styles don't take effect. But when I put them on the same line, the style applies correctly.
Here goes what I firstly wrote:

div #background-gradient
{
    size: 100%
    margin-top: 100%
    shadow-distance: 50%
    shadow-color: #9775a6
}

div #display
{
    size: 80% 80%
    center: horizontal
    background-color: #2d162c

    child-align: grid
    grid-columns: 1

    div #title
    {
        inner-text: "ImproperUI Interactives"
        size: 100% 10
        text-align: center
        text-scale: 1.69
        text-color: #9775a6
        background-color: none
        margin-top: 15
    }
}

It didn't go well. You could see that even the color of text didn't change.

Here goes what I secondly wrote, which worked well just like the example you provided:

div #background-gradient {
    size: 100%
    margin-top: 100%
    shadow-distance: 50%
    shadow-color: #9775a6
}

div #ttt {
    size: 80% 80%
    center: horizontal
    background-color: #2d162c

    child-align: grid
    grid-columns: 1

    div #title {
        inner-text: "ImproperUI Interactives"
        size: 100% 10
        text-align: center
        text-scale: 1.69
        text-color: #9775a6
        background-color: none
        margin-top: 15
    }
}

Additionally, through several tests, the script below also worked out. You could see that I just changed the format of inner code block comparing to the first version:

div #background-gradient
{
    size: 100%
    margin-top: 100%
    shadow-distance: 50%
    shadow-color: #9775a6
}

div #ttt
{
    size: 80% 80%
    center: horizontal
    background-color: #2d162c

    child-align: grid
    grid-columns: 1

    div #title {
        inner-text: "ImproperUI Interactives"
        size: 100% 10
        text-align: center
        text-scale: 1.69
        text-color: #9775a6
        background-color: none
        margin-top: 15
    }
}

Maybe there is something wrong with the script reading? All in all, I sincerely hope your response.
(Sorry for my bad English...)