/* _content/Popeye.BlazorZ1/Components/Layout/MainLayout.razor.rz.scp.css */
/*5115px-(640-520)=4995+94=5089*/
/*94+520+1641+1076+1107+557+94 = 5089*/
/*520+1641+1076+1107+557 = 4901*/

/*.full-screen {
    position: absolute;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    background: linear-gradient(to right, #585d5c 0%, #707a72 30%, #e1803c 100%);
    overflow: hidden;
}*/


    .top-bar[b-q3flptgmeu] {
        position: fixed;
        top: 0px;
        width: 100%;
        height: 8vh;
        margin: 0;
        padding: 0;
        display:flex;
        flex: 0 0 auto;
        box-sizing: border-box;
        background-color: #062456;
    }

.content[b-q3flptgmeu] {
    position: relative;
    top: 8vh;
    width: 100%;
    /*4901px*/ /*4201px*/ /*892px*/
    height: 92vh;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: linear-gradient(to right, #585d5c 0%, #707a72 30%, #e1803c 100%);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #808080 #eeeef2;
}
        .content [b-q3flptgmeu]::-webkit-scrollbar {
            width: 1px;
        }

        .content [b-q3flptgmeu]::-webkit-scrollbar-thumb {
            background-color: #ff6a00;
        }

    .full-screen .bottom-bar[b-q3flptgmeu] {
        position: relative;
        top: 0px; /*4995px;*/
        bottom: 0px;
        width: 100%;
        height: 8vh;
        display: flex;
        flex: 0 0 auto;
        justify-content: space-around;
        align-items: center;
        flex-wrap: nowrap;
        color: white;
        background-color: #585d5c;
    }
        .full-screen .bottom-bar .bottom-bar-content[b-q3flptgmeu] {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            flex: 0 1 auto;
            flex-wrap: nowrap;
            justify-content: space-around;
            align-items: center;
            color: white;
            font-size: 16px;
            font-weight: 400;
            font-family: 'Microsoft YaHei';
            background-color: transparent;
        }
/* _content/Popeye.BlazorZ1/Components/Layout/NavMenu.razor.rz.scp.css */
nav ul[b-mne1601ouw] {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden; /* ��ֹ����������� */
    background-color: #333; /* ����������ɫ */
}

    /* �����б������ʽ */
    nav ul li[b-mne1601ouw] {
        float: left; /* ʹ�б���������� */
    }

        /* �������ӵ���ʽ */
        nav ul li a[b-mne1601ouw] {
            display: block; /* ������ת��Ϊ�鼶Ԫ�� */
            color: white; /* ����������ɫ */
            text-align: center; /* ���־��� */
            padding: 14px 16px; /* �ڱ߾� */
            text-decoration: none; /* �Ƴ��»��� */
        }

            /* ���ӵ���ͣЧ�� */
            nav ul li a:hover[b-mne1601ouw] {
                background-color: #111; /* ��ͣʱ�ı���ɫ */
            }
/* _content/Popeye.BlazorZ1/Components/Pages/LiveClassRoom.razor.rz.scp.css */
.page-content[b-m2wsi4xgq6] {
    position: relative;
    top: 0px;
    width: 100%;
    height: 88vh;
    margin: 0;
    padding: 0;
    bottom: 0px;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    align-content: stretch;
}

.div-mycamera[b-m2wsi4xgq6] {
    position: relative;
    top:5px;
    width: 100%;
    height: 30vh;
    margin: 0;
    padding: 0;
    bottom: 0px;
    box-sizing: border-box;
    /*border-radius: 20%;*/
    background-color: black;
}

    .div-mycamera .mycamera[b-m2wsi4xgq6] {
        position: relative;
        top: 0px;
        width: 100%;
        height: 80vh;
        margin: 0;
        padding: 0;
        bottom: 0px;
    }

.div-liveArea[b-m2wsi4xgq6] {
    position: relative;
    width: 100%;
    height: 80vh;
    display: flex;
    flex-wrap: wrap; /* 允许子项换行 */
    margin-top: 0vh;
    margin-left: 1px;
    padding: 5px 5px 5px 5px; /* 添加内边距 */
    box-sizing: border-box;
    /*background-color: black;*/
}
.grid-item[b-m2wsi4xgq6] {
    /*border: 2px solid #cacacd;*/ /* 设置1px的黑色边框 */
    box-sizing: border-box; /* 确保边框不会增加元素的总宽度和高度 */
    background-color: transparent;
}
.RoomVideo[b-m2wsi4xgq6] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

[b-m2wsi4xgq6] .toolbar {
    position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
    margin: 0;
   /* padding: 1px 1px 1px 1px;*/
    bottom: 0px;
    box-sizing: border-box;
    display: flex;
    align-items:stretch;
    align-content: stretch;
}
    [b-m2wsi4xgq6] .toolbar .toolbar-item {
        flex : 0 1 auto;
    }

[b-m2wsi4xgq6] .tabs-icon {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

[b-m2wsi4xgq6] .tabs-icon {
    opacity: 0.7;
}

[b-m2wsi4xgq6] .tabs-icon-classin {
    mask-image: url("icons/classin.svg");
    -webkit-mask-image: url("icons/classin.svg");
}
[b-m2wsi4xgq6] .tabs-icon-classoff {
    mask-image: url("icons/classout.svg");
    -webkit-mask-image: url("icons/classout.svg");
}

[b-m2wsi4xgq6] .tabs-icon-cameraon {
    mask-image: url("icons/cameraon.svg");
    -webkit-mask-image: url("icons/cameraon.svg");
}
[b-m2wsi4xgq6] .tabs-icon-cameraoff {
    mask-image: url("icons/cameraoff.svg");
    -webkit-mask-image: url("icons/cameraoff.svg");
}
[b-m2wsi4xgq6] .tabs-icon-screenon {
    mask-image: url("icons/screenon.svg");
    -webkit-mask-image: url("icons/screenon.svg");
}
[b-m2wsi4xgq6] .tabs-icon-screenoff {
    mask-image: url("icons/screenoff.svg");
    -webkit-mask-image: url("icons/screenoff.svg");
}
[b-m2wsi4xgq6] .tabs-icon-audioon {
    mask-image: url("icons/audio_on.svg");
    -webkit-mask-image: url("icons/audio_on.svg");
}
[b-m2wsi4xgq6] .tabs-icon-audiooff {
    mask-image: url("icons/audio_off.svg");
    -webkit-mask-image: url("icons/audio_off.svg");
}

[b-m2wsi4xgq6] .tabs-icon-publishon {
    mask-image: url("icons/publishon.svg");
    -webkit-mask-image: url("icons/publishon.svg");
}
[b-m2wsi4xgq6] .tabs-icon-publishoff {
    mask-image: url("icons/publishoff.svg");
    -webkit-mask-image: url("icons/publishoff.svg");
}

[b-m2wsi4xgq6] .tabs-icon-more {
    mask-image: url("icons/more.svg");
    -webkit-mask-image: url("icons/more.svg");
}
/* _content/Popeye.BlazorZ1/Components/Pages/LiveClassRoom_Anchor.razor.rz.scp.css */
.page-content[b-e327634pz5] {
    position: relative;
    top: 0px;
    width: 100%;
    height: 90vh;
    margin: 0;
    padding: 0;
    bottom: 0px;
    box-sizing: border-box;
    display: flex;
    flex-wrap:wrap;
    align-items: stretch;
    align-content: stretch;
}

.div-mycamera[b-e327634pz5] {
    position: relative;
    top: 5px;
    width: 100%;
    height: 30vh;
    margin: 0;
    padding: 0;
    bottom: 0px;
    box-sizing: border-box;
    background-color: black;
}
    .div-mycamera .mycamera[b-e327634pz5] {
        position: relative;
        top: 0px;
        width: 100%;
        height: 80vh;
        margin: 0;
        padding: 0;
        bottom: 0px;
    }

[b-e327634pz5] .toolbar {
    position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
    margin: 0;
    /* padding: 1px 1px 1px 1px;*/
    bottom: 0px;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    align-content: stretch;
    font-size: 16px;
    font-weight:400;
    color: white;
}

    [b-e327634pz5] .toolbar .toolbar-item {
        flex: 0 1 auto;
        font-size: 12px;
        color: floralwhite;
    }

[b-e327634pz5] .tabs-icon-classin {
    mask-image: url("icons/classin.svg");
    -webkit-mask-image: url("icons/classin.svg");
}

[b-e327634pz5] .tabs-icon-classoff {
    mask-image: url("icons/classout.svg");
    -webkit-mask-image: url("icons/classout.svg");
}


[b-e327634pz5] .tabs-icon-cameraGrp {
    mask-image: url("icons/cameraon.svg");
    -webkit-mask-image: url("icons/cameraon.svg");
}

[b-e327634pz5] .tabs-icon-screenGrp {
    mask-image: url("icons/screenon.svg");
    -webkit-mask-image: url("icons/screenon.svg");
}

[b-e327634pz5] .tabs-icon-audioon {
    mask-image: url("icons/audio_on.svg");
    -webkit-mask-image: url("icons/audio_on.svg");
}

[b-e327634pz5] .tabs-icon-audiooff {
    mask-image: url("icons/audio_off.svg");
    -webkit-mask-image: url("icons/audio_off.svg");
}

[b-e327634pz5] .tabs-icon-videoon {
    mask-image: url("icons/video_on.svg");
    -webkit-mask-image: url("icons/video_on.svg");
}

[b-e327634pz5] .tabs-icon-videooff {
    mask-image: url("icons/video_off.svg");
    -webkit-mask-image: url("icons/video_off.svg");
}

[b-e327634pz5] .tabs-icon-more {
    mask-image: url("icons/more.svg");
    -webkit-mask-image: url("icons/more.svg");
}
/* _content/Popeye.BlazorZ1/Components/Pages/LiveClassRoom_Audience.razor.rz.scp.css */
.page-content[b-nsrx1c7dp2] {
    position: relative;
    top: 0px;
    width: 100%;
    height: 90vh;
    margin: 0;
    padding: 0;
    bottom: 0px;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    align-content: stretch;
}

.div-mycamera[b-nsrx1c7dp2] {
    position: relative;
    top: 5px;
    width: 100%;
    height: 30vh;
    margin: 0;
    padding: 0;
    bottom: 0px;
    box-sizing: border-box;
    background-color: black;
}

    .div-mycamera .mycamera[b-nsrx1c7dp2] {
        position: relative;
        top: 0px;
        width: 100%;
        height: 80vh;
        margin: 0;
        padding: 0;
        bottom: 0px;
    }

[b-nsrx1c7dp2] .toolbar {
    position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
    margin: 0;
    /* padding: 1px 1px 1px 1px;*/
    bottom: 0px;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    align-content: stretch;
    font-size: 16px;
    font-weight: 400;
    color: white;
}

    [b-nsrx1c7dp2] .toolbar .toolbar-item {
        flex: 0 1 auto;
        font-size: 12px;
        color: gold;
    }

[b-nsrx1c7dp2] .tabs-icon-classin {
    mask-image: url("icons/classin.svg");
    -webkit-mask-image: url("icons/classin.svg");
}

[b-nsrx1c7dp2] .tabs-icon-classoff {
    mask-image: url("icons/classout.svg");
    -webkit-mask-image: url("icons/classout.svg");
}


[b-nsrx1c7dp2] .tabs-icon-cameraGrp {
    mask-image: url("icons/cameraon.svg");
    -webkit-mask-image: url("icons/cameraon.svg");
}

[b-nsrx1c7dp2] .tabs-icon-screenGrp {
    mask-image: url("icons/screenon.svg");
    -webkit-mask-image: url("icons/screenon.svg");
}

[b-nsrx1c7dp2] .tabs-icon-audioon {
    mask-image: url("icons/audio_on.svg");
    -webkit-mask-image: url("icons/audio_on.svg");
}

[b-nsrx1c7dp2] .tabs-icon-audiooff {
    mask-image: url("icons/audio_off.svg");
    -webkit-mask-image: url("icons/audio_off.svg");
}

[b-nsrx1c7dp2] .tabs-icon-videoon {
    mask-image: url("icons/video_on.svg");
    -webkit-mask-image: url("icons/video_on.svg");
}

[b-nsrx1c7dp2] .tabs-icon-videooff {
    mask-image: url("icons/video_off.svg");
    -webkit-mask-image: url("icons/video_off.svg");
}

[b-nsrx1c7dp2] .tabs-icon-more {
    mask-image: url("icons/more.svg");
    -webkit-mask-image: url("icons/more.svg");
}
/* _content/Popeye.BlazorZ1/Components/Pages/VideoPlayer_ck1.razor.rz.scp.css */
/* 在全局样式文件添加 */
.ck-ad-container[b-rlkt7mexq6] {
    animation: adContainerAppear-b-rlkt7mexq6 0.3s ease-out;
}

@keyframes adContainerAppear-b-rlkt7mexq6 {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.ad-countdown[b-rlkt7mexq6] {
    font-family: 'Segoe UI', system-ui;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    backdrop-filter: blur(2px);
}