求一个 QYL 主题“顶栏融合”功能的 CSS 代码

可能和其他 css 冲突, 不会默认主题是没啥问题的

:root {
    --QYL-wnd-border-none: none; 
    --QYL-wnd-container-border-flat: 1px solid var(--b3-theme-surface-lighter); 
    --QYL-wnd-container-border-ink: 1.5px solid var(--b3-theme-primary);
}
#toolbar {
    background-color: transparent;
    border-bottom-color: transparent;
    margin-bottom: -38px;
    pointer-events: none;
    z-index: 5;
    -webkit-app-region: drag;
    app-region: drag;
}
#toolbar .toolbar__item {
    pointer-events: auto;
    -webkit-app-region: no-drag;
    app-region: no-drag;
}
#drag {
    opacity: 0;
}
:root {
    --QYL-FusionOn-Top-Transform: translateY(-1.5px);
    --QYL-FusionOn-Not-Top-Transform: translateY(-2.5px);
}
.layout__center :is(.fn__flex-1, .fn__flex, .fn__flex-column) [data-type="wnd"] > .fn__flex:first-child {
    transform: var(--QYL-FusionOn-Top-Transform);
}
.layout__center :is(.fn__flex-1, .fn__flex, .fn__flex-column) [data-type="wnd"]:not(.QYLFusionTop) > .fn__flex:first-child {
    transform: var(--QYL-FusionOn-Not-Top-Transform);
}
.layout__center {
    padding-top: 3.75px;
    box-sizing: border-box;
    &#layouts {
        padding-top: 3.75px;
    }
}
.layout__center [data-type="wnd"] > .fn__flex:first-child > .layout-tab-bar {
    background-color: transparent;
}
.layout__center [data-type="wnd"] > .fn__flex:first-child > .layout-tab-bar [data-type="tab-header"] {
    -webkit-app-region: no-drag;
    app-region: no-drag;
}
.layout__center [data-type="wnd"] > .fn__flex:first-child > .layout-tab-bar.layout-tab-bar--readonly {
    max-width: 80px;
    -webkit-app-region: drag;
    app-region: drag;
}
.layout__center [data-type="wnd"] > .fn__flex:first-child > .layout-tab-bar.layout-tab-bar--readonly :is([data-type="new"], [data-type="more"]) {
    -webkit-app-region: no-drag;
    app-region: no-drag;
}
.layout__center [data-type="wnd"] > .fn__flex:first-child + .layout-tab-container {
    border-radius: var(--b3-border-radius);
}
#layouts.layout__center [data-type="wnd"] > :is(.fn__flex-column, .fn__flex-1, .fn__flex):first-child {
    -webkit-app-region: drag;
    app-region: drag;
    & > .layout-tab-bar.layout-tab-bar--readonly {
        max-width: 80px;
    }
}
.toolbar__window {
    -webkit-app-region: no-drag;
    app-region: no-drag;
}
.layout__center [data-type="wnd"] > .fn__flex:first-child.fn__none + .layout-tab-container {
    height: calc(100% - 34px);
    margin-top: 34px;
}
#dockLeft {
    padding-top: 38px;
}
#dockRight {
    padding-top: 38px;
}
:is(.layout__dockl, .layout__dockr):not(.layout--float)  {
    padding-top: 38px;
    min-height: 50%;
}
#layouts .layout__resize.layout__resize--lr {
    clip-path: inset(38px 0 0 0 round var(--b3-border-radius));
}
#layouts .layout--float.layout__dockb .layout__resize.layout__resize--lr {
    clip-path: none;
}
.QYLFusionTop > .fn__flex:first-child {
    transition: 0.45s cubic-bezier(0.33, 1.42, 0.69, 0.99);
}