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

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

.site-embed header h1 {
    color: rgba(255, 255, 255, 0.95) !important;
}

.site-embed h2,
.site-embed h3 {
    color: rgba(255, 255, 255, 0.95) !important;
}

.site-embed .text-dark,
.site-embed .text-gray-600,
.site-embed .text-gray-700,
.site-embed .text-gray-500,
.site-embed .text-gray-400,
.site-embed .text-gray-800,
.site-embed label,
.site-embed p,
.site-embed span {
    color: rgba(255, 255, 255, 0.82) !important;
}

.site-embed .glass-effect,
.site-embed .bg-white,
.site-embed .bg-gray-50,
.site-embed .bg-gray-100,
.site-embed .bg-blue-100,
.site-embed .bg-green-100,
.site-embed .bg-red-50,
.site-embed .bg-red-100 {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-color: rgba(255, 255, 255, 0.2) !important;
    box-shadow: none !important;
}

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

.site-embed .card-hover:hover {
    transform: none !important;
}

.site-embed header .bg-white {
    background: rgba(255, 255, 255, 0.1) !important;
}

.site-embed textarea,
.site-embed input[type="file"],
.site-embed #decode-content {
    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 {
    color: rgba(255, 255, 255, 0.45) !important;
}

.site-embed .border-dashed,
.site-embed .border-gray-300 {
    border: 2px dashed rgba(255, 255, 255, 0.35) !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

.site-embed .border-dashed:hover {
    border-color: rgba(255, 133, 192, 0.7) !important;
    background: rgba(255, 255, 255, 0.12) !important;
}

.site-embed .border-success {
    border-color: rgba(255, 133, 192, 0.75) !important;
}

.site-embed button,
.site-embed .btn-primary,
.site-embed .btn-secondary,
.site-embed .bg-success {
    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;
    transform: none !important;
}

.site-embed button:hover,
.site-embed .btn-primary:hover,
.site-embed .btn-secondary:hover,
.site-embed .bg-success:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

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

.site-embed .text-secondary,
.site-embed .text-success {
    color: rgba(255, 255, 255, 0.85) !important;
}

.site-embed .text-red-500,
.site-embed .text-red-700,
.site-embed .text-red-800 {
    color: rgba(255, 180, 180, 0.95) !important;
}

.site-embed .border-red-200 {
    border-color: rgba(255, 120, 120, 0.35) !important;
}

.site-embed #qr-image {
    background: rgba(255, 255, 255, 0.92) !important;
    padding: 8px;
    border-radius: 8px;
}

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