/* HTML 代码加密工具 - 与 L4D2 站点统一的透明玻璃风格 */
html,
body.site-embed,
body.site-embed #root {
    background: transparent !important;
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

body.site-embed {
    --background: 220 30% 8% / 0;
    --foreground: 0 0% 98%;
    --card: 0 0% 100% / 0.08;
    --card-foreground: 0 0% 98%;
    --popover: 220 25% 12% / 0.9;
    --popover-foreground: 0 0% 98%;
    --primary: 330 100% 76%;
    --primary-foreground: 0 0% 100%;
    --secondary: 0 0% 100% / 0.08;
    --secondary-foreground: 0 0% 95%;
    --muted: 0 0% 100% / 0.06;
    --muted-foreground: 0 0% 75%;
    --accent: 0 0% 100% / 0.1;
    --accent-foreground: 0 0% 98%;
    --border: 0 0% 100% / 0.2;
    --input: 0 0% 100% / 0.15;
    --ring: 330 100% 76%;
}

body.site-embed header,
body.site-embed #navbar {
    display: none !important;
}

body.site-embed .animated-gradient-bg,
body.site-embed .bg-background,
body.site-embed .min-h-screen {
    background: transparent !important;
    animation: none !important;
}

body.site-embed .bg-card,
body.site-embed .bg-white,
body.site-embed .bg-muted,
body.site-embed .bg-secondary,
body.site-embed .bg-accent,
body.site-embed .bg-popover {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: none !important;
}

body.site-embed .shadow,
body.site-embed .shadow-sm,
body.site-embed .shadow-md,
body.site-embed .shadow-lg,
body.site-embed .shadow-xl {
    box-shadow: none !important;
}

body.site-embed button,
body.site-embed [role="button"],
body.site-embed .bg-primary {
    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;
}

body.site-embed button:hover,
body.site-embed [role="button"]:hover,
body.site-embed .hover\:bg-primary:hover,
body.site-embed .hover\:bg-primary\/90:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

body.site-embed textarea,
body.site-embed input,
body.site-embed select {
    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;
}

body.site-embed .text-primary {
    color: #ff85c0 !important;
}

body.site-embed .text-muted-foreground,
body.site-embed .text-gray-500,
body.site-embed .text-gray-600,
body.site-embed .text-gray-700 {
    color: rgba(255, 255, 255, 0.72) !important;
}

body.site-embed pre,
body.site-embed code,
body.site-embed .font-mono {
    background: rgba(0, 0, 0, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

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

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

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

/* 秒哒平台浮层（若出现）降低干扰 */
body.site-embed [class*="miaoda"],
body.site-embed [id*="miaoda"] {
    opacity: 0.85;
}