/* JS 文件加密工具 - 与 L4D2 站点统一的透明玻璃风格 */
html,
body.site-embed {
    background: transparent !important;
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.92) !important;
    max-width: 100% !important;
    padding: 10px !important;
    margin: 0 !important;
}

.site-embed .container {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: none !important;
    max-width: 100% !important;
}

.site-embed h1 {
    color: #ff85c0 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: #ff85c0 !important;
    text-shadow: none !important;
}

.site-embed label,
.site-embed .file-info,
.site-embed .subtitle,
.site-embed p {
    color: rgba(255, 255, 255, 0.82) !important;
}

.site-embed textarea,
.site-embed input[type="text"],
.site-embed input[type="file"] {
    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;
}

.site-embed textarea::placeholder,
.site-embed input::placeholder {
    color: rgba(255, 255, 255, 0.45) !important;
}

.site-embed .tab {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.site-embed .tab button,
.site-embed .tablinks {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.85) !important;
    border: none !important;
}

.site-embed .tab button:hover,
.site-embed .tablinks:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

.site-embed .tab button.active,
.site-embed .tablinks.active {
    background: rgba(255, 133, 192, 0.22) !important;
    color: #fff !important;
}

.site-embed .tabcontent {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.site-embed button,
.site-embed .copy-btn {
    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 button:hover,
.site-embed .copy-btn:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    transform: none !important;
}

.site-embed .code-container {
    background: transparent !important;
    padding: 15px 0 !important;
}

.site-embed .code-header {
    background: rgba(0, 0, 0, 0.35) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

.site-embed .code-title {
    color: rgba(255, 255, 255, 0.9) !important;
}

.site-embed .code-display {
    box-shadow: none !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.site-embed .explanation {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

.site-embed .explanation h2 {
    color: #ff85c0 !important;
}

.site-embed footer {
    display: none !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;
}