/* Python 在线编程 - 与 L4D2 站点统一的透明玻璃风格 */
html,
body.site-embed {
    background: transparent !important;
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

.site-embed .desc {
    display: none !important;
}

.site-embed .ctlPanel a.ctlbtn[href*="myjiancai"] {
    display: none !important;
}

.site-embed .ctlPanel {
    top: 0;
}

.site-embed .ctlbtn {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: rgba(255, 255, 255, 0.92) !important;
    box-shadow: none !important;
}

.site-embed .ctlbtn:hover,
.site-embed .ctlbtn:hover.light {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: #ff85c0 !important;
    box-shadow: none !important;
}

.site-embed .ctlbtn.light {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

.site-embed .mainContainer,
.site-embed .mainContainer.light {
    background-color: transparent !important;
    margin-top: 70px;
}

.site-embed #outputContainer,
.site-embed #turtleCanvas,
.site-embed #outputContainer.light,
.site-embed #turtleCanvas.light {
    background: rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.site-embed #outputContainer:hover,
.site-embed #turtleCanvas:hover,
.site-embed #outputContainer.light:hover,
.site-embed #turtleCanvas.light:hover {
    background: rgba(0, 0, 0, 0.32) !important;
}

.site-embed .monaco-editor,
.site-embed .monaco-editor .margin,
.site-embed .monaco-editor-background {
    background: rgba(0, 0, 0, 0.3) !important;
}

.site-embed .error {
    color: rgba(255, 120, 130, 0.95) !important;
}

.site-embed .errorLog,
.site-embed .errorLog.light {
    color: rgba(255, 200, 120, 0.95) !important;
}

.site-embed #outputContainer::-webkit-scrollbar-thumb,
.site-embed #turtleCanvas::-webkit-scrollbar-thumb,
.site-embed #outputContainer.light::-webkit-scrollbar-thumb,
.site-embed #turtleCanvas.light::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
}

.site-embed #outputContainer::-webkit-scrollbar-track,
.site-embed #turtleCanvas::-webkit-scrollbar-track,
.site-embed #outputContainer.light::-webkit-scrollbar-track,
.site-embed #turtleCanvas.light::-webkit-scrollbar-track {
    background: transparent;
}

.site-embed ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.site-embed ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 4px;
}

.site-embed ::-webkit-scrollbar-track {
    background: transparent;
}