.home-styles-box {
    position: absolute;
    inset: 0;
    overflow: hidden;
    margin: -12px;
    .hc-home-bg-box {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: 0;
        display: flex;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .hc-home-input-box {
        position: relative;
        height: 100%;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        .hc-home-content {
            position: relative;
            margin-top: -20rem;
            width: 45rem;
            .hc-slogan-icon {
                position: relative;
                text-align: center;
                font-size: 3.5rem;
                color: white;
                img {
                    height: 60px;
                }
            }
            .home-link-box {
                position: relative;
                margin-top: 1.5rem;
                padding: 0 4rem;
                display: flex;
                align-items: center;
                font-size: 14px;
                color: white;
                .home-link {
                    cursor: pointer;
                    border: 1px solid white;
                    border-radius: 50px;
                    padding: 2px 10px;
                    margin-left: 15px;
                    transition: 0.2s;
                    &:hover {
                        color: var(--el-color-primary);
                        border-color: var(--el-color-primary);
                        background-color: var(--el-color-primary-light-9);
                    }
                }
            }
        }
    }
}