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

.site-embed .container > h3 {
    display: none !important;
}

.site-embed .container > .text-secondary {
    display: none !important;
}

.site-embed h3,
.site-embed h5,
.site-embed label,
.site-embed p,
.site-embed span,
.site-embed .text-secondary,
.site-embed .text-info,
.site-embed .form-label {
    color: rgba(255, 255, 255, 0.85) !important;
}

.site-embed .rand-words {
    color: rgba(255, 133, 192, 0.9) !important;
}

.site-embed #editor,
.site-embed #viewer {
    border-color: rgba(255, 255, 255, 0.25) !important;
    background: rgba(0, 0, 0, 0.2) !important;
}

.site-embed .btn,
.site-embed .btn-success,
.site-embed .btn-danger,
.site-embed .btn-primary,
.site-embed .btn-secondary {
    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 .btn:hover,
.site-embed .btn-success:hover,
.site-embed .btn-danger:hover,
.site-embed .btn-primary:hover,
.site-embed .btn-secondary:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: rgba(255, 255, 255, 0.95) !important;
}

.site-embed .form-control,
.site-embed .form-select,
.site-embed .form-range {
    background: rgba(0, 0, 0, 0.25) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.site-embed .form-select option {
    background: #1a1a2e;
    color: rgba(255, 255, 255, 0.9);
}

.site-embed .form-range {
    accent-color: #ff85c0;
}

.site-embed .modal-content {
    background: rgba(20, 20, 30, 0.88) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

.site-embed .modal-header,
.site-embed .modal-footer {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

.site-embed .btn-close {
    filter: invert(1) opacity(0.75);
}

.site-embed #toTextResult {
    background: rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.88) !important;
}

.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;
}