/**
 * 全站统一背景 — 苹果官网风格白蓝氛围（已移除 3D）
 * 类名保留 site-3d-on：兼容工作台毛玻璃选择器（语义=氛围模式开启）
 */

:root {
    /* Apple 氛围：近白冷灰 + 极淡蓝雾（避免过蓝） */
    --site-bg-base: #f7f8fa;
    --site-bg-glow-a: rgba(160, 195, 235, 0.22);
    --site-bg-glow-b: rgba(180, 210, 240, 0.2);
    --site-bg-glow-c: rgba(140, 180, 220, 0.1);
}

/* 默认：全站氛围背景（site-3d-on / 无类时均生效） */
html,
html.site-3d-on,
html.site-no-3d {
    --bg-main: transparent;
    --bg: transparent;
    --wb-glass: rgba(255, 255, 255, 0.78);
    --wb-glass-soft: rgba(255, 255, 255, 0.64);
    --wb-glass-hint: rgba(255, 255, 255, 0.56);
    --wb-glass-blur: saturate(180%) blur(20px);
    --wb-preview-shell: rgba(255, 255, 255, 0.5);
    --wb-preview-head: rgba(255, 255, 255, 0.6);
    --wb-preview-hint: rgba(255, 255, 255, 0.28);
}

html body,
html.site-3d-on body,
html.site-no-3d body {
    background: var(--site-bg-base) !important;
    isolation: isolate;
}

/* 氛围层：与首页 .lp-atmosphere 同款 */
html body::before,
html.site-3d-on body::before,
html.site-no-3d body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(ellipse 70% 55% at 10% 90%, var(--site-bg-glow-a), transparent 62%),
        radial-gradient(ellipse 65% 50% at 90% 8%, var(--site-bg-glow-b), transparent 58%),
        radial-gradient(ellipse 45% 40% at 50% 50%, var(--site-bg-glow-c), transparent 60%),
        linear-gradient(160deg, #fbfbfc 0%, #f5f7fa 50%, #eef2f6 100%);
}

/* 壳层透明，露出氛围底 */
html .lp-shell,
html .app,
html .app-container,
html .bk-main,
html .main-content,
html.site-3d-on .lp-shell,
html.site-3d-on .app,
html.site-3d-on .app-container,
html.site-3d-on .bk-main,
html.site-3d-on .main-content,
html.site-no-3d .lp-shell,
html.site-no-3d .app,
html.site-no-3d .app-container,
html.site-no-3d .bk-main,
html.site-no-3d .main-content {
    background: transparent !important;
}

/* 彻底隐藏旧 3D 层与切换按钮 */
.site-3d-bg,
#site3dBg,
.site-3d-toggle,
#site3dToggle {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* 内容层层级 */
html .site-topbar,
html.site-3d-on .site-topbar {
    z-index: 300;
}

html .app,
html .app-container,
html .lp-shell,
html.site-3d-on .app,
html.site-3d-on .app-container,
html.site-3d-on .lp-shell {
    position: relative;
    z-index: 1;
}

/* 顶栏：白蓝氛围下半透明 */
html .site-topbar,
html.site-3d-on .site-topbar,
html.site-no-3d .site-topbar {
    background: rgba(246, 245, 242, 0.88) !important;
    backdrop-filter: saturate(180%) blur(18px);
    -webkit-backdrop-filter: saturate(180%) blur(18px);
    border-bottom-color: rgba(18, 18, 18, 0.08) !important;
}

/*
 * 非工作台：交互区块保持不透明白底
 * 登录卡单独走对话框同款毛玻璃（见下方 .login-card 规则）
 * 工作台毛玻璃见下方 .bk-main / .bk-workbench 规则
 */
html .record-card,
html .top-nav,
html .hist-card,
html .changelog-item,
html .feedback-card,
html .pricing-card,
html .dingjia-card,
html .header,
html.site-3d-on .record-card,
html.site-3d-on .top-nav,
html.site-3d-on .hist-card,
html.site-3d-on .changelog-item,
html.site-3d-on .feedback-card,
html.site-3d-on .pricing-card,
html.site-3d-on .dingjia-card,
html.site-3d-on .header {
    background: #ffffff !important;
}

/* 登录页：与 .chat-wb-box / .seto-command-box 同款毛玻璃 */
html .login-box,
html .login-card,
html.site-3d-on .login-box,
html.site-3d-on .login-card,
html.site-no-3d .login-box,
html.site-no-3d .login-card {
    background: rgba(255, 255, 255, 0.48) !important;
    border: 1px solid rgba(255, 255, 255, 0.62) !important;
    backdrop-filter: saturate(160%) blur(22px) !important;
    -webkit-backdrop-filter: saturate(160%) blur(22px) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.65) inset,
        0 16px 40px rgba(40, 30, 20, 0.07) !important;
}

html .card,
html .input-card,
html .bk-preview-card,
html .bk-preview-head,
html .panel,
html.site-3d-on .card,
html.site-3d-on .input-card,
html.site-3d-on .bk-preview-card,
html.site-3d-on .bk-preview-head,
html.site-3d-on .panel {
    background: #ffffff !important;
}

html .wb-output-hint,
html .bk-hero-badge,
html.site-3d-on .wb-output-hint,
html.site-3d-on .bk-hero-badge {
    background: rgba(246, 245, 242, 0.92) !important;
}

/* —— 工作台：毛玻璃透出氛围底 —— */
html .bk-main .card,
html .bk-main .input-card,
html .bk-main .panel,
html .bk-main .bk-preview-card,
html .bk-main .bk-preview-head,
html .bk-workbench .card,
html .bk-workbench .input-card,
html .bk-workbench .panel,
html .bk-workbench .bk-preview-card,
html .bk-workbench .bk-preview-head,
html .home-workspace .home-panel,
html.site-3d-on .bk-main .card,
html.site-3d-on .bk-main .input-card,
html.site-3d-on .bk-main .panel,
html.site-3d-on .bk-main .bk-preview-card,
html.site-3d-on .bk-main .bk-preview-head,
html.site-3d-on .bk-workbench .card,
html.site-3d-on .bk-workbench .input-card,
html.site-3d-on .bk-workbench .panel,
html.site-3d-on .bk-workbench .bk-preview-card,
html.site-3d-on .bk-workbench .bk-preview-head,
html.site-3d-on .home-workspace .home-panel {
    background: var(--wb-glass) !important;
    backdrop-filter: var(--wb-glass-blur);
    -webkit-backdrop-filter: var(--wb-glass-blur);
}

html .bk-main .wb-output-hint,
html .bk-workbench .wb-output-hint,
html.site-3d-on .bk-main .wb-output-hint,
html.site-3d-on .bk-workbench .wb-output-hint {
    background: var(--wb-glass-hint) !important;
    backdrop-filter: var(--wb-glass-blur);
    -webkit-backdrop-filter: var(--wb-glass-blur);
}

html .bk-main .bk-hero-badge,
html .bk-workbench .bk-hero-badge,
html.site-3d-on .bk-main .bk-hero-badge,
html.site-3d-on .bk-workbench .bk-hero-badge {
    background: var(--wb-glass-soft) !important;
    backdrop-filter: var(--wb-glass-blur);
    -webkit-backdrop-filter: var(--wb-glass-blur);
}

/* —— 右侧生成结果预览列 —— */
html .bk-output-col .bk-preview-card,
html.site-3d-on .bk-output-col .bk-preview-card {
    background: var(--wb-preview-shell) !important;
    backdrop-filter: var(--wb-glass-blur);
    -webkit-backdrop-filter: var(--wb-glass-blur);
}

/* 空态 / 画布模式：彻底去掉大白块（生成类工作台；小工具 tool-page-inner-wide 保留毛玻璃预览框） */
html .bk-workbench:not(.tool-page-inner-wide) .bk-output-col .bk-preview-card.bk-canvas-card,
html .bk-workbench:not(.tool-page-inner-wide) .bk-output-col .bk-preview-card:not(:has(.result-section.show)):not(:has(.result-section-bks.show)),
html.site-3d-on .bk-workbench:not(.tool-page-inner-wide) .bk-output-col .bk-preview-card.bk-canvas-card,
html.site-3d-on .bk-workbench:not(.tool-page-inner-wide) .bk-output-col .bk-preview-card:not(:has(.result-section.show)):not(:has(.result-section-bks.show)) {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border: none !important;
}

html .bk-workbench:not(.tool-page-inner-wide) .bk-output-col .bk-preview-head,
html.site-3d-on .bk-workbench:not(.tool-page-inner-wide) .bk-output-col .bk-preview-head {
    display: none !important;
}

html .bk-workbench:not(.tool-page-inner-wide) .bk-output-col .bk-preview-body,
html.site-3d-on .bk-workbench:not(.tool-page-inner-wide) .bk-output-col .bk-preview-body {
    background: transparent !important;
}

/* 小工具（加水印 / 压缩 / 分割等）：有结果时预览框与操作区同款毛玻璃 */
html .tool-page-inner-wide .bk-output-col .bk-preview-card,
html.site-3d-on .tool-page-inner-wide .bk-output-col .bk-preview-card {
    background: rgba(255, 255, 255, 0.42) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: saturate(160%) blur(18px) !important;
    -webkit-backdrop-filter: saturate(160%) blur(18px) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.55) inset,
        0 12px 32px rgba(40, 30, 20, 0.06) !important;
    border-radius: 22px !important;
}

html .tool-page-inner-wide .bk-output-col .bk-preview-head,
html.site-3d-on .tool-page-inner-wide .bk-output-col .bk-preview-head {
    display: flex !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

html .tool-page-inner-wide .bk-output-col .bk-preview-body,
html.site-3d-on .tool-page-inner-wide .bk-output-col .bk-preview-body {
    background: transparent !important;
}

/* 小工具空态：整列预览框不占位（与 workspace-shell 一致，保证覆盖页内 display:flex） */
html .tool-page-inner-wide .tool-vstack > .bk-output-col:not(:has(#result.show)):not(:has(.result.show)):not(:has(.result-box.show)):not(:has(.ys-result-empty.is-hidden)):not(:has(.fg-result-empty.is-hidden)):not(:has(.wm-preview-split.has-items)),
html .tool-page-inner-wide .tool-vstack > .tool-workspace-output:not(:has(#result.show)):not(:has(.result.show)):not(:has(.result-box.show)):not(:has(.ys-result-empty.is-hidden)):not(:has(.fg-result-empty.is-hidden)):not(:has(.wm-preview-split.has-items)),
html.site-3d-on .tool-page-inner-wide .tool-vstack > .bk-output-col:not(:has(#result.show)):not(:has(.result.show)):not(:has(.result-box.show)):not(:has(.ys-result-empty.is-hidden)):not(:has(.fg-result-empty.is-hidden)):not(:has(.wm-preview-split.has-items)),
html.site-3d-on .tool-page-inner-wide .tool-vstack > .tool-workspace-output:not(:has(#result.show)):not(:has(.result.show)):not(:has(.result-box.show)):not(:has(.ys-result-empty.is-hidden)):not(:has(.fg-result-empty.is-hidden)):not(:has(.wm-preview-split.has-items)) {
    display: none !important;
}

/* 小工具顶部长条毛玻璃（site-bg 最后加载，覆盖页内实心白底） */
html .tool-page-inner-wide > .hero,
html .tool-page-inner-wide > .ys-banner,
html .tool-page-inner-wide > .fg-banner,
html .tool-page-inner-wide > .wm-banner,
html.site-3d-on .tool-page-inner-wide > .hero,
html.site-3d-on .tool-page-inner-wide > .ys-banner,
html.site-3d-on .tool-page-inner-wide > .fg-banner,
html.site-3d-on .tool-page-inner-wide > .wm-banner {
    background: rgba(255, 255, 255, 0.42) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: saturate(160%) blur(18px) !important;
    -webkit-backdrop-filter: saturate(160%) blur(18px) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.55) inset,
        0 12px 32px rgba(40, 30, 20, 0.06) !important;
}

html .bk-output-col .wb-output-hint,
html .bk-output-col .card.wb-output-hint,
html .bk-output-col .input-card.wb-output-hint,
html.site-3d-on .bk-output-col .wb-output-hint,
html.site-3d-on .bk-output-col .card.wb-output-hint,
html.site-3d-on .bk-output-col .input-card.wb-output-hint {
    display: none !important;
}

html .home-workspace .home-preview-placeholder,
html.site-3d-on .home-workspace .home-preview-placeholder {
    background: var(--wb-preview-hint) !important;
    backdrop-filter: var(--wb-glass-blur);
    -webkit-backdrop-filter: var(--wb-glass-blur);
    border-color: rgba(255, 255, 255, 0.42) !important;
}

html .bk-output-col .result-section .card,
html .bk-output-col .card.result-box,
html .bk-output-col .features-card,
html.site-3d-on .bk-output-col .result-section .card,
html.site-3d-on .bk-output-col .card.result-box,
html.site-3d-on .bk-output-col .features-card {
    background: var(--wb-glass-soft) !important;
    backdrop-filter: var(--wb-glass-blur);
    -webkit-backdrop-filter: var(--wb-glass-blur);
}

html .mode-tab.on,
html .tab.on,
html.site-3d-on .mode-tab.on,
html.site-3d-on .tab.on {
    background: #ffffff !important;
}

html .card,
html .bk-preview-card,
html .input-card,
html .record-card,
html.site-3d-on .card,
html.site-3d-on .bk-preview-card,
html.site-3d-on .input-card,
html.site-3d-on .record-card {
    box-shadow: 0 2px 16px rgba(18, 18, 18, 0.06);
}

html .bk-main .card,
html .bk-main .input-card,
html .bk-main .bk-preview-card,
html .bk-workbench .card,
html .bk-workbench .input-card,
html .bk-workbench .bk-preview-card,
html .home-workspace .home-panel,
html.site-3d-on .bk-main .card,
html.site-3d-on .bk-main .input-card,
html.site-3d-on .bk-main .bk-preview-card,
html.site-3d-on .bk-workbench .card,
html.site-3d-on .bk-workbench .input-card,
html.site-3d-on .bk-workbench .bk-preview-card,
html.site-3d-on .home-workspace .home-panel {
    box-shadow:
        0 2px 24px rgba(0, 122, 255, 0.07),
        0 1px 4px rgba(0, 0, 0, 0.04);
    border-color: rgba(255, 255, 255, 0.55);
}

html .bk-output-col .bk-preview-card:has(.result-section.show),
html .bk-output-col .bk-preview-card:has(.result-section-bks.show),
html.site-3d-on .bk-output-col .bk-preview-card:has(.result-section.show),
html.site-3d-on .bk-output-col .bk-preview-card:has(.result-section-bks.show) {
    box-shadow: none;
    background: transparent !important;
}

html .bk-output-col .wb-output-hint,
html.site-3d-on .bk-output-col .wb-output-hint {
    display: none !important;
    box-shadow: none !important;
}

/* 首页落地页区块：不抢氛围底（页脚除外，由 home-landing 强制深色） */
html body.lp,
html .lp-main,
html .lp-section,
html.site-3d-on body.lp,
html.site-3d-on .lp-main,
html.site-3d-on .lp-section {
    background: transparent !important;
}

/* —— 小工具操作区：去掉嵌套大白块（压过上方 html .bk-workbench .card 的 wb-glass） —— */
html .tool-form-glass .card,
html .tool-form-glass .ys-card,
html .tool-form-glass .fg-card,
html .tool-form-glass .input-card,
html .bk-main .tool-form-glass .card,
html .bk-main .tool-form-glass .ys-card,
html .bk-main .tool-form-glass .fg-card,
html .bk-workbench .tool-form-glass .card,
html .bk-workbench .tool-form-glass .ys-card,
html .bk-workbench .tool-form-glass .fg-card,
html.site-3d-on .tool-form-glass .card,
html.site-3d-on .tool-form-glass .ys-card,
html.site-3d-on .tool-form-glass .fg-card,
html.site-3d-on .bk-main .tool-form-glass .card,
html.site-3d-on .bk-main .tool-form-glass .ys-card,
html.site-3d-on .bk-main .tool-form-glass .fg-card,
html.site-3d-on .bk-workbench .tool-form-glass .card,
html.site-3d-on .bk-workbench .tool-form-glass .ys-card,
html.site-3d-on .bk-workbench .tool-form-glass .fg-card {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}

html .tool-form-glass .url-input,
html .tool-form-glass input[type="text"],
html .bk-main .tool-form-glass .url-input,
html .bk-workbench .tool-form-glass .url-input,
html.site-3d-on .tool-form-glass .url-input,
html.site-3d-on .bk-main .tool-form-glass .url-input,
html.site-3d-on .bk-workbench .tool-form-glass .url-input,
html .tool-form-glass .url-input:focus,
html .bk-workbench .tool-form-glass .url-input:focus,
html.site-3d-on .bk-workbench .tool-form-glass .url-input:focus {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html .tool-form-glass .upload-area,
html .tool-form-glass .upload-area.wb-upload-zone,
html .bk-workbench .tool-form-glass .upload-area,
html.site-3d-on .bk-workbench .tool-form-glass .upload-area.wb-upload-zone:not(.has-image) {
    background: transparent !important;
}

html .tool-form-glass,
html .bk-main .tool-form-glass,
html .bk-workbench .tool-form-glass,
html.site-3d-on .tool-form-glass,
html.site-3d-on .bk-main .tool-form-glass,
html.site-3d-on .bk-workbench .tool-form-glass {
    background: rgba(255, 255, 255, 0.42) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: saturate(160%) blur(18px) !important;
    -webkit-backdrop-filter: saturate(160%) blur(18px) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.55) inset,
        0 12px 32px rgba(40, 30, 20, 0.06) !important;
}

html .tool-form-glass .tool-form-section,
html .bk-workbench .tool-form-glass .tool-form-section,
html.site-3d-on .bk-workbench .tool-form-glass .tool-form-section {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}