html, body {
    height: 100vh !important;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

body {
    font: 12px/22px 'Microsoft YaHei',YouYuan,Arial Unicode MS,Verdana, Geneva, sans-serif;
    line-height: 1.5;
    width: 100vw;
    padding: 0;
    margin: 0 auto !important;
    overflow-x: hidden;
    overflow-y: auto;
    min-width: 320px;
    max-width: 1920px;
    background-color: #212226 !important;
}

/* 垂直滚动条 */
::-webkit-scrollbar {
    width: 8px;
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #d0d0d0;
    border-radius: 10px;
}

    /* 当滑块被激活时 */
    ::-webkit-scrollbar-thumb:window-inactive {
        background: #aaa;
    }

.header {
    width: 100%;
    height: 65px;
    margin: 0 auto;
    /*background-color: #e6f3fc;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

    .header .headerbox {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        max-width: 1200px
    }

    .header .ailogo {
        width: auto;
        height: 60px;
    }

    .header .sxfg {
        color: #ebebeb;
        padding: 0 10px;
        font-size: 0.8rem;
    }

    .header .menu {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        font-size: 0.95rem;
        width: 80%;
        color: #a7acb2;
        font-weight: bold;
    }

        .header .menu .menubtn {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 5px 10px;
            cursor: pointer;
            border-radius: 25px;
            margin: 0 10px 0 0;
        }

            .header .menu .menubtn:hover {
                background-image: linear-gradient(90deg, #4bebaf 35%, #2bd5d2 60%, #00b4ff 90%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                color: transparent;
                transition: opacity 0.5s ease;
            }

            .header .menu .menubtn .menubox {
                display: flex;
            }

                .header .menu .menubtn .menubox img {
                    width: auto;
                    height: 22px;
                    margin-right: 5px;
                }

        .header .menu .curr {
            background-image: linear-gradient(90deg, #4bebaf 35%, #2bd5d2 60%, #00b4ff 90%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
        }

    .header .back {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.95rem;
    }

        .header .back img {
            width: auto;
            height: 16px;
            margin-right: 5px;
        }

        .header .back a {
            display: flex;
            align-items: center;
            text-decoration: none;
            padding: 5px 15px;
            border-radius: 25px;
            color: #a7acb2;
        }

            .header .back a:hover {
                background-image: linear-gradient(90deg, #4bebaf 35%, #2bd5d2 60%, #00b4ff 90%);
            }

.linebox {
    width: 100%;
    height: 2px;
    margin-top: 5px;
    background-image: linear-gradient(90deg,transparent 10%, #145aa7 20%, #145aa7 80%,transparent 90%);
}

.content {
    position: relative;
    display: flex;
    width: auto;
    max-width: 1400px;
    height: calc(100vh - 75px);
    margin: 0 auto;
    color: #fff;
    border-radius: 10px;
    font-size: 1rem;
    padding: 10px 0 0 0;
}

    .content .videoplay {
        position: relative;
        width: 50%;
        height: auto;
        padding: 10px 30px 0 10px;
    }

        .content .videoplay .wrap {
            position: relative;
            width: 100%;
            height: auto;
        }

            .content .videoplay .wrap .player {
                position: relative;
                width: 100%;
                height: auto;
            }

                .content .videoplay .wrap .player .isView {
                    position: relative;
                    width: calc(100% - 20px);
                    color: white;
                    font-size: 1.1rem;
                    display: none;
                    align-items: center;
                    justify-content: center;
                    background: #333;
                }

        .content .videoplay .infobox {
            margin-top: 10px;
            font-size: 1.1rem;
        }

            .content .videoplay .infobox .tbox {
                display: flex;
                justify-content: space-between;
            }

                .content .videoplay .infobox .tbox .videotitle {
                    position: relative;
                    width:60%;
                    text-align: left;
                    text-shadow: none;
                    padding-bottom: 0;
                    text-overflow: -o-ellipsis-lastline;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    line-clamp: 1;
                    -webkit-box-orient: vertical;
                    height: auto;
                }

                .content .videoplay .infobox .tbox #changevideo a {
                    position: relative;
                    font-size: 1rem;
                    color: #188eee !important;
                    border: 1px solid #188eee;
                    border-radius: 5px;
                    padding: 2px 10px 2px 10px;
                    margin-right: 10px;
                }

                    .content .videoplay .infobox .tbox #changevideo a:hover {
                        color: #eee !important;
                        background-color: #188eee;
                        text-decoration: none;
                    }

                .content .videoplay .infobox .tbox #changevideo .active {
                    color: #eee !important;
                    background-color: #188eee;
                }

        .content .videoplay .vinfo {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

            .content .videoplay .vinfo .videoinfo {
                width: 100%;
                display: flex;
                flex-direction: row;
                font-size: 0.9rem;
            }

                .content .videoplay .vinfo .videoinfo span {
                    width: 25%;
                }

            .content .videoplay .vinfo .kj a:visited {
                color: #188eee;
            }

            .content .videoplay .vinfo .kj a:hover {
                color: yellow;
                text-decoration: none;
            }

        .content .videoplay .am-divider-default {
            border-top: 1px solid #58595d;
            margin: 1rem auto;
        }

        .content .videoplay .studylogs {
            width: 94%;
            height: auto;
            margin: 0;
            color: #188eee;
            font-size: 1rem;
            font-weight: bold;
        }

        .content .videoplay .videolist {
            width: 94%;
            max-height: calc(50vh - 180px);
            overflow-y: auto;
            margin: 0;
        }

            .content .videoplay .videolist li::marker {
                color: #188eee;
            }

            .content .videoplay .videolist li a {
                font-size: 0.9rem;
                color: #188eee;
                text-decoration: none;
            }

                .content .videoplay .videolist li a .imgbox img {
                    width: 100%;
                    height: auto;
                    max-height: 50px;
                }

                .content .videoplay .videolist li a:hover .title {
                    color: yellow;
                }

            .content .videoplay .videolist .curr a .title {
                color: yellow;
            }

            .content .videoplay .videolist li a .title {
                position: relative;
                color: #188eee;
                font-size: 0.9rem;
                text-align: left;
                text-shadow: none;
                padding-bottom: 0;
                text-overflow: -o-ellipsis-lastline;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 1;
                line-clamp: 1;
                -webkit-box-orient: vertical;
                height: auto;
                margin-top: 6px;
                margin-bottom: 0;
                display: -webkit-inline-box;
            }

    .content .aibox {
        position: relative;
        width: 50%;
        height: auto;
        padding: 5px 5px;
    }

        .content .aibox .con {
            position: relative;
            width: 100%;
            height: calc(100vh - 95px);
            overflow-x: hidden;
            overflow-y: auto;
            background-color: #27292b;
            border: 1px solid rgba(255, 255, 255, 0.16);
            border-radius: 10px;
        }

            .content .aibox .con .toolsbar {
                position: absolute;
                display: flex;
                justify-content: space-between;
                align-items: center;
                top: 0;
                width: 100%;
                height: 50px;
                z-index: 1000;
                background-color: #28292d;
                padding: 0 10px;
                border-top: 1px solid #3b3c40;
                border-radius: 10px;
                /*box-shadow: 0px 3px 5px #333333;
                        -moz-box-shadow: 0px 3px 5px #333333;
                        -webkit-box-shadow: 0px 3px 5px #333333;*/
            }

                .content .aibox .con .toolsbar .titlebox {
                    display: flex;
                    align-items: center;
                }

                .content .aibox .con .toolsbar .title {
                    display: flex;
                    align-items: center;
                }

                    .content .aibox .con .toolsbar .title img {
                        width: auto;
                        height: 30px;
                    }

                    .content .aibox .con .toolsbar .title span {
                        font-size: 1.3rem;
                        color: #188eee;
                        font-weight: 600;
                        white-space: nowrap;
                    }

                    .content .aibox .con .toolsbar .title button {
                        width: 45%;
                        height: 38px;
                        border: 0;
                        padding: 8px 20px 5px 10px;
                        background-color: transparent;
                    }

                        .content .aibox .con .toolsbar .title button:focus {
                            outline: none;
                        }

                    .content .aibox .con .toolsbar .title .am-btn-default {
                        color: #188eee;
                    }

                    .content .aibox .con .toolsbar .title .am-dropdown-content {
                        background-color: #28292d;
                        border: 1px solid #515151;
                    }

                        .content .aibox .con .toolsbar .title .am-dropdown-content:before, .content .aibox .con .toolsbar .title .am-dropdown-content:after {
                            border-color: #515151;
                            border-left-color: transparent;
                            border-right-color: transparent;
                        }

                        .content .aibox .con .toolsbar .title .am-dropdown-content span {
                            font-size: 1.1rem;
                        }

                    .content .aibox .con .toolsbar .title .am-selected-list li {
                        font-size: 1.1rem;
                        color: #188eee;
                    }

                        .content .aibox .con .toolsbar .title .am-selected-list li:hover {
                            background-color: #515151;
                        }

                .content .aibox .con .toolsbar .lgbox {
                    display: flex;
                    color: #ddd;
                    margin-left: 10px;
                    font-size: 0.9rem;
                }

                    .content .aibox .con .toolsbar .lgbox .lgbtn {
                        padding: 3px 8px;
                        border-radius: 8px;
                        cursor: pointer;
                    }

                    .content .aibox .con .toolsbar .lgbox .curr {
                        background: #595555;
                        color: #fff;
                    }

                    .content .aibox .con .toolsbar .lgbox .sxfg {
                        margin: 0 5px;
                        color: #6b6b6b;
                    }

                .content .aibox .con .toolsbar .tools {
                    display: flex;
                    justify-content: space-evenly;
                    align-items: center;
                    font-size: 0.9rem;
                    /*color: #a5a5a5;*/
                    color: #c89d58;
                }

                    /* 开关样式 */
                    .content .aibox .con .toolsbar .tools .language-switch {
                        display: flex;
                        align-items: center;
                        margin-right: 5px;
                    }

                    .content .aibox .con .toolsbar .tools .switch-label {
                        position: relative;
                        margin-right: 3px;
                    }

                    .content .aibox .con .toolsbar .tools .switch {
                        position: relative;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 30px;
                        height: 15px;
                        margin: 0 auto;
                    }

                        .content .aibox .con .toolsbar .tools .switch input {
                            position: relative;
                            margin: 0;
                        }

                    .content .aibox .con .toolsbar .tools .slider {
                        position: absolute;
                        cursor: pointer;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background-color: #696969;
                        transition: .4s;
                        border-radius: 20px;
                    }

                        .content .aibox .con .toolsbar .tools .slider:before {
                            position: absolute;
                            content: "";
                            height: 13px;
                            width: 13px;
                            left: 1px;
                            bottom: 1px;
                            background-color: white;
                            transition: .4s;
                            border-radius: 50%;
                        }

                    .content .aibox .con .toolsbar .tools input:checked + .slider {
                        background-color: #c89d58;
                    }

                        .content .aibox .con .toolsbar .tools input:checked + .slider:before {
                            transform: translateX(15px);
                        }

                    .content .aibox .con .toolsbar .tools .toolsbtn {
                        cursor: pointer;
                        padding-left: 5px;
                    }

                        .content .aibox .con .toolsbar .tools .toolsbtn:hover {
                            color: #f1ce8d;
                        }

                    .content .aibox .con .toolsbar .tools .searchbox {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        width: 30vw;
                    }

                        .content .aibox .con .toolsbar .tools .searchbox .iptgroup {
                            position: relative;
                            width: 80%;
                        }

                            .content .aibox .con .toolsbar .tools .searchbox .iptgroup span {
                                position: absolute;
                                padding: 0;
                                top: 0;
                                bottom: 0;
                                left: 5px;
                                cursor: default;
                            }

                                .content .aibox .con .toolsbar .tools .searchbox .iptgroup span:hover {
                                    color: #c89d58;
                                }

                            .content .aibox .con .toolsbar .tools .searchbox .iptgroup .iptsearch {
                                width: 100%;
                                height: 30px;
                                background: transparent;
                                border: 1px solid #777;
                                border-radius: 6px;
                                outline: none;
                                padding-left: 27px;
                            }

                        .content .aibox .con .toolsbar .tools .searchbox .pptcon {
                            width: 60px;
                            font-size: 0.9rem;
                        }

                        .content .aibox .con .toolsbar .tools .searchbox span {
                            cursor: pointer;
                            padding: 0 0 0 10px;
                            font-size: 1.2rem;
                        }

                            .content .aibox .con .toolsbar .tools .searchbox span:hover {
                                color: #f1ce8d;
                            }

                    .content .aibox .con .toolsbar .tools .searchbox2 {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        width: 65%;
                        padding-right: 10px;
                    }

                        .content .aibox .con .toolsbar .tools .searchbox2 .iptgroup {
                            position: relative;
                            width: 75%;
                        }

                            .content .aibox .con .toolsbar .tools .searchbox2 .iptgroup span {
                                position: absolute;
                                padding: 0;
                                top: 0;
                                bottom: 0;
                                left: 5px;
                                cursor: default;
                            }

                                .content .aibox .con .toolsbar .tools .searchbox2 .iptgroup span:hover {
                                    color: #c89d58;
                                }

                            .content .aibox .con .toolsbar .tools .searchbox2 .iptgroup .iptsearch {
                                width: 100%;
                                height: 30px;
                                background: transparent;
                                border: 1px solid #777;
                                border-radius: 6px;
                                outline: none;
                                padding-left: 27px;
                            }

                        .content .aibox .con .toolsbar .tools .searchbox2 .pptcon {
                            width: 60px;
                            font-size: 0.9rem;
                        }

                        .content .aibox .con .toolsbar .tools .searchbox2 span {
                            cursor: pointer;
                            padding: 0 0 0 5px;
                            font-size: 1.2rem;
                        }

                            .content .aibox .con .toolsbar .tools .searchbox2 span:hover {
                                color: #f1ce8d;
                            }

            .content .aibox .con .submenu {
                width: 100%;
                height: 45px;
                position: absolute;
                z-index: 999;
                display: flex;
                top: 50px;
                padding: 5px 10px;
                background-color: #28292d;
            }

                .content .aibox .con .submenu .subcontent {
                    border-radius: 6px;
                    background: rgba(255, 255, 255, 0.04);
                    padding: 5px 10px;
                    margin-right: 10px;
                    cursor: pointer;
                }

                    .content .aibox .con .submenu .subcontent:hover {
                        background: #555555;
                    }

                .content .aibox .con .submenu .curr {
                    background: #188eee;
                }

            .content .aibox .con .console {
                position: relative;
                height: calc(100vh - 220px);
                overflow-y: auto;
                padding: 0 15px;
                margin: 50px 0 0 0;
                font-family: monospace;
                /*white-space: pre-wrap;*/
            }

                .content .aibox .con .console .think {
                    position: relative;
                    height: auto;
                    font-size: 1rem;
                    color: #b18deb;
                }

                .content .aibox .con .console .thinking {
                    position: relative;
                    height: auto;
                    overflow-y: auto;
                    font-size: 1rem;
                    color: #a5a5a5;
                }

                .content .aibox .con .console .resultbox {
                    position: relative;
                    height: auto;
                    color: #cdcdcd;
                    padding-bottom: 30px;
                }

                    .content .aibox .con .console .resultbox .timespan {
                        font-size: 1rem;
                        color: #188eee;
                        cursor: pointer;
                    }

                    .content .aibox .con .console .resultbox ul {
                        margin: 0.5em 0;
                    }

                    .content .aibox .con .console .resultbox h3 strong, .content .aibox .con .console .resultbox h4 strong {
                        color: #188eee;
                        cursor: pointer;
                    }

                        .content .aibox .con .console .resultbox h3 strong:after, .content .aibox .con .console .resultbox h4 strong:after {
                            content: " \f27b";
                        }

                    .content .aibox .con .console .resultbox table th {
                        color: #83bae7;
                        border-bottom: 1px solid #188eee;
                        padding-right: 10px;
                    }

                    .content .aibox .con .console .resultbox table td {
                        padding-right: 10px;
                    }

                .content .aibox .con .console #rbox2 {
                    padding-bottom: 0 !important;
                }

                .content .aibox .con .console #outline {
                    padding-bottom: 30px;
                }

                .content .aibox .con .console #rbox3 .content-list {
                    padding-left: 30px;
                    padding-bottom: 15px;
                    margin: 0;
                }

                .content .aibox .con .console #rbox3 h3 {
                    padding: 10px;
                    margin: 0;
                }

                    .content .aibox .con .console #rbox3 h3.active {
                        background: rgba(69, 69, 69, 0.4);
                        border-radius: 10px;
                    }

                        .content .aibox .con .console #rbox3 h3.active:after {
                            content: " \f0a5";
                            color: #f1ce8d;
                            background: rgba(69, 69, 69, 0.4);
                            border-radius: 10px;
                        }

                .content .aibox .con .console #rbox3 .section-title {
                    cursor: pointer;
                }

                .content .aibox .con .console #rbox4 ul {
                    padding-left: 0;
                }

                .content .aibox .con .console #rbox4 #ulqw li {
                    list-style-type: none;
                    transition: background 0.3s;
                    display: flex;
                    flex-direction: column;
                    padding: 5px 10px 20px 20px;
                    color: #8b8b8b;
                }

                .content .aibox .con .console #rbox4 #ulzm li {
                    list-style-type: none;
                    cursor: pointer;
                    transition: background 0.3s;
                    display: flex;
                    flex-direction: row;
                    padding-left: 20px;
                    padding-bottom: 10px;
                    color: #8b8b8b;
                }

                    .content .aibox .con .console #rbox4 #ulzm li:hover p {
                        color: #ccc;
                    }

                .content .aibox .con .console #rbox4 ul li.active {
                    background: rgba(69, 69, 69, 0.4);
                    border-radius: 10px;
                }

                .content .aibox .con .console #rbox4 #ulqw li .ttbox {
                    display: flex;
                    padding-bottom: 6px;
                    cursor: pointer;
                }

                .content .aibox .con .console #rbox4 #ulzm li .ttbox {
                    display: flex;
                }

                .content .aibox .con .console #rbox4 li .timebox {
                    color: #188eee;
                    padding-right: 10px;
                }

                .content .aibox .con .console #rbox4 ul li .titlebox {
                    color: #188eee;
                }

                .content .aibox .con .console #rbox4 #ulqw li .ttbox:hover .timebox, .content .aibox .con .console #rbox4 #ulqw li .ttbox:hover .titlebox {
                    color: #c89d58;
                }

                .content .aibox .con .console #rbox4 ul li .txtsear {
                    background-color: yellow;
                    color: red;
                }

                /*.content .aibox .con .console #rbox4 ul li.sear .timebox {
                    color: red;
                }

                .content .aibox .con .console #rbox4 ul li.sear .titlebox {
                    color: red;
                }*/

                .content .aibox .con .console #rbox4 ul li .subtitle {
                    letter-spacing: 1px;
                }

                .content .aibox .con .console #rbox4 ul li .txten {
                    font-family: Arial Unicode MS;
                    line-height: 1.7;
                }

                .content .aibox .con .console #rbox4 ul li .txtcn, .content .aibox .con .console #rbox4 ul li .txtcnall {
                    line-height: 1.7;
                }

                .content .aibox .con .console #rbox4 ul li p {
                    margin: 0;
                    padding: 0;
                }

                .content .aibox .con .console #rbox4 ul li.active p {
                    color: #ccc;
                    background: linear-gradient(90deg, #83bae7 35%, transparent 90%) 0 100%/4px 1px repeat-x;
                    display: inline;
                    padding-bottom: 3px; /* 控制距离 */
                    text-decoration: none;
                    line-height: 1.5; /* 行高需大于padding值 */
                }


        .content .aibox #con5 .console {
            position: relative;
            height: calc(100vh - 265px);
            overflow-y: auto;
            padding: 0 15px;
            margin: 95px 0 0 0;
            font-family: monospace;
            /*white-space: pre-wrap;*/
        }

        .content .aibox .con .console #rbox5 #subbox3 ul li {
            list-style: none;
            cursor: pointer;
        }

            .content .aibox .con .console #rbox5 #subbox3 ul li:hover {
                color: #fff;
            }

            .content .aibox .con .console #rbox5 #subbox3 ul li.curr {
                color: #e5e12a;
            }

        .content .aibox .con .console #rbox6 {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 100%;
            padding-bottom: 10px;
        }

            .content .aibox .con .console #rbox6 #console .question {
                background: rgba(255, 255, 255, 0.04);
                margin: 0 0 10px 0;
                padding: 5px 10px;
                border-radius: 10px;
                cursor: pointer;
                color: rgba(255, 255, 255, 0.8);
                font-size: 0.85rem;
            }

                .content .aibox .con .console #rbox6 #console .question:hover {
                    color: #fff;
                }

            .content .aibox .con .console #rbox6 #console .rebox {
                /*background: rgba(255, 255, 255, 0.02);*/
                margin: 0 0 10px 0;
                padding: 5px 10px;
                border-radius: 10px;
                color: #cdcdcd;
                letter-spacing: 1px;
                line-height: 1.8;
            }

                .content .aibox .con .console #rbox6 #console .rebox p {
                    margin-bottom: 0;
                }

                .content .aibox .con .console #rbox6 #console .rebox .btncopy {
                    font-size: 0.9rem;
                    color: #c89d58;
                    width: max-content;
                    margin-left: auto;
                    margin-right: 0;
                    cursor: pointer;
                }

                    .content .aibox .con .console #rbox6 #console .rebox .btncopy:hover {
                        color: #f1ce8d;
                    }

            .content .aibox .con .console #rbox6 #console .ubox {
                background: #188eee;
                margin: 0 0 10px 0;
                padding: 5px 10px;
                border-radius: 10px;
                color: #fff;
                width: max-content;
                max-width: 99%;
                margin-left: auto;
                margin-right: 0;
            }

            .content .aibox .con .console #rbox6 #console .thinking {
                position: relative;
                height: auto;
                font-size: 0.85rem;
                color: #b18deb;
                padding: 5px 0;
            }

            .content .aibox .con .console #rbox6 #console .think {
                position: relative;
                height: auto;
                font-size: 0.85rem;
                color: #a5a5a5;
            }

        .content .aibox .con .console #rbox7 ul li {
            display: flex;
            margin-bottom: 20px;
        }

            .content .aibox .con .console #rbox7 ul li .timebox {
                font-size: 1.2rem;
                color: #188eee;
                padding-right: 10px;
            }

            .content .aibox .con .console #rbox7 ul li .imgbox img {
                width: 100%;
                height: auto;
                cursor: pointer;
            }

            .content .aibox .con .console #rbox7 ul li.sear .timebox {
                color: red;
            }

            .content .aibox .con .console #rbox7 ul li.active .timebox {
                color: #f1ce8d;
            }

        .content .aibox .con .inputbox {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border: 1px solid #6d6d6d;
            border-radius: 35px;
            padding: 5px 10px;
            width: calc(100% - 30px);
            margin: 0 auto;
        }

            .content .aibox .con .inputbox textarea {
                width: 75%;
                background: transparent;
                border: none;
                outline: none;
                word-wrap: break-word;
                overflow-wrap: break-word;
            }

            .content .aibox .con .inputbox img {
                width: auto;
                height: 30px;
                cursor: pointer;
            }

            /* 开关样式 */
            .content .aibox .con .inputbox .ai-switch {
                display: flex;
                align-items: center;
                margin-right: 5px;
            }

            .content .aibox .con .inputbox .switch-label {
                position: relative;
                margin-right: 3px;
                font-size: 0.8rem;
            }

            .content .aibox .con .inputbox .switch {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 30px;
                height: 15px;
                margin: 0 auto;
            }

                .content .aibox .con .inputbox .switch input {
                    position: relative;
                    margin: 0;
                }

            .content .aibox .con .inputbox .slider {
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #696969;
                transition: .4s;
                border-radius: 20px;
            }

                .content .aibox .con .inputbox .slider:before {
                    position: absolute;
                    content: "";
                    height: 13px;
                    width: 13px;
                    left: 1px;
                    bottom: 1px;
                    background-color: white;
                    transition: .4s;
                    border-radius: 50%;
                }

            .content .aibox .con .inputbox input:checked + .slider {
                background-color: #c89d58;
            }

                .content .aibox .con .inputbox input:checked + .slider:before {
                    transform: translateX(15px);
                }

        .content .aibox .con .remark {
            margin: 0 auto;
            font-size: 0.85rem;
            color: #188eee;
            text-align: center;
            padding: 8px 0 0 0;
        }

/* 保持原有光标样式 */
.blink-cursor {
    animation: blink 1s step-end infinite;
}

@keyframes blink {
    0%,100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

/* 列表样式 */
ul {
    list-style-type: disc;
    padding-left: 20px;
}

/* 链接样式 */
a {
    color: #007BFF;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

/* 段落样式 */
p {
    line-height: 1.6;
    margin: 0.5em 0;
}

/* 标题样式 */
h1, h2, h3, h4 {
    font-weight: bold;
    margin: 0.5em 0;
    color: #188eee;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.4rem;
}

h3 {
    font-size: 1.1rem;
}

h4 {
    font-size: 1rem;
}

/* 分隔线 */
hr {
    border: 0;
    height: 1px;
    background: linear-gradient(90deg, #4a90e2 30%, transparent 70%);
    margin: 20px 0;
}


/* 强调文本 */
strong {
    color: #83bae7;
}

#rbox1 p strong, #subbox1 p strong {
    cursor: pointer;
}

pre {
    font-size: 1rem;
    color: #78afdb;
    background-color: #28292d;
    border: 1px solid #414141;
}

code {
    font-size: 1rem;
    color: #78afdb;
    background-color: #28292d;
    border: 0;
}

.markmap {
    position: relative;
}

    .markmap > svg {
        width: 100%;
        height: calc(100vh - 185px);
        color: #fff;
    }

@media only screen and (max-width: 1600px) {
    .content .videoplay .infobox {
        margin-top: 8px;
        font-size: 1rem;
    }

    .content .videoplay .vinfo .videoinfo {
        font-size: 0.8rem;
    }

    .content .videoplay .am-divider-default {
        margin: 0.6rem auto;
    }

    .content .videoplay .studylogs {
        font-size: 0.9rem;
    }

    .content .videoplay .videolist {
        width: 94%;
        max-height: calc(50vh - 180px);
    }
}


@media only screen and (max-width: 1280px) {
    .content .videoplay .infobox {
        margin-top: 8px;
        font-size: 1rem;
    }

    .content .videoplay .vinfo .videoinfo {
        font-size: 0.8rem;
    }

    .content .videoplay .am-divider-default {
        margin: 0.5rem auto;
    }

    .content .videoplay .studylogs {
        font-size: 0.9rem;
    }

    .content .videoplay .videolist {
        width: 94%;
        max-height: calc(50vh - 220px);
    }

        .content .videoplay .videolist li a .title {
            font-size: 0.8rem;
            margin-top: 5px;
        }

        .content .videoplay .videolist li a .imgbox img {
            max-height: 45px;
        }

    .content .aibox .con .inputbox textarea {
        width: 68%;
    }
}