/**
 * 电商详情图 / 自有产品 · 灵涵蓝黑科技风
 * 仅 body.page-ecom-env-image-tool（ecom_env_image.php）
 */

/* 壳背景：无论是否选皮肤，本页都自铺满整幅，跟随主题 --bg-page 着色，保证均匀通透、铺满、短内容也不露底 */
html body.ecom-page.page-ecom-env-image-tool {
    background-color: var(--bg-page, #f3f6fb) !important;
    background-image: linear-gradient(
        180deg,
        color-mix(in srgb, var(--bg-page, #f8faff) 42%, #ffffff) 0%,
        color-mix(in srgb, var(--bg-page, #f3f6fb) 88%, #ffffff) 100%
    ) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-height: 100vh;
    color: #0f172a;
    overflow-x: hidden;
}

html body.ecom-page.page-ecom-env-image-tool:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) {
    /* 与「我的 → 界面主题」html[data-h5-skin] 下 --as-blue / --as-primary 对齐；无主题时回落默认蓝 */
    --page-hero-gradient: linear-gradient(
        135deg,
        var(--as-primary, #07111f) 0%,
        color-mix(in srgb, var(--as-blue, #123b9a) 58%, var(--as-primary, #07111f)) 55%,
        var(--as-blue, #2f5bff) 100%
    );
    /* 强调色锚定站点品牌紫靛蓝（主按钮 #7c3aed→#6366f1），不跟随灰皮肤，保证全页统一点睛；背景仍由 --bg-page 跟随皮肤 */
    --accent: #6366f1;
    --accent-subtle: rgba(99, 102, 241, 0.14);
    --tool-brand: #6366f1;
    --tool-brand-rgb: 99, 102, 241;
    --tool-brand-soft: rgba(99, 102, 241, 0.12);
    --as-blue: #4F46E5;
    --as-blue-bright: #6366F1;
    --tool-brand-border: rgba(99, 102, 241, 0.32);
}

html body.ecom-page.page-ecom-env-image-tool .app-container {
    background: transparent !important;
    width: 100%;
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
}

/* 让主滚动区透出 body 渐变（页内 .ecom-page .main-content 默认实色底） */
body.ecom-page.page-ecom-env-image-tool .main-content {
    background: transparent;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
body.ecom-page.page-ecom-env-image-tool .main-content::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

html body.ecom-page.page-ecom-env-image-tool:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) .nav-header {
    position: sticky;
    top: 0;
    z-index: 400;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--bg-page, #ffffff) 88%, #ffffff) 0%,
        color-mix(in srgb, var(--bg-page, #f8fafc) 94%, var(--as-blue, #2f5bff)) 100%
    ) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--as-primary, #0f172a) 6%, transparent) !important;
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--as-primary, #0f172a) 4%, transparent),
        0 8px 24px color-mix(in srgb, var(--as-blue, #2f5bff) 6%, transparent) !important;
    color: var(--as-primary, #0f172a) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body.ecom-page.page-ecom-env-image-tool:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) .nav-back {
    color: var(--as-primary, #0f172a) !important;
}

html body.ecom-page.page-ecom-env-image-tool:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) .nav-title {
    color: var(--as-primary, #0f172a) !important;
}

html body.ecom-page.page-ecom-env-image-tool:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) .nav-brand-mark {
    display: none !important;
}

html body.ecom-page.page-ecom-env-image-tool:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) .tab-nav {
    background: color-mix(in srgb, var(--bg-page, #ffffff) 90%, #ffffff) !important;
    border: 1px solid color-mix(in srgb, var(--as-primary, #0f172a) 6%, transparent) !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--as-primary, #0f172a) 4%, transparent) !important;
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    margin-bottom: 12px !important;
}

/* 创作/历史 Tab 选中态：全站统一样式见 h5-songyun-tool-shell.css */

html body.ecom-page.page-ecom-env-image-tool .section-card {
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        color-mix(in srgb, var(--bg-page, #f8fafc) 82%, #ffffff) 100%
    ) !important;
    border: 1px solid color-mix(in srgb, var(--as-primary, #0f172a) 6%, transparent) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 24px color-mix(in srgb, var(--as-primary, #0f172a) 5%, transparent) !important;
    padding: 18px !important;
    margin-bottom: 14px !important;
}

html body.ecom-page.page-ecom-env-image-tool .section-card.section-card--env-upload {
    border-radius: 22px !important;
    padding: 16px !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05) !important;
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
}

html body.ecom-page.page-ecom-env-image-tool:not(.tool-page) .section-card {
    margin-bottom: 12px !important;
    padding: 16px !important;
    border-radius: 22px !important;
}
html body.ecom-page.page-ecom-env-image-tool:not(.tool-page) .section-card.section-card--scene-desc {
    margin-bottom: 0 !important;
    padding: 16px !important;
}

html body.ecom-page.page-ecom-env-image-tool:not(.tool-page) .section-card.scene-style-card {
    padding: 6px 14px 8px !important;
    max-height: 90px !important;
    overflow: hidden !important;
}

html body.ecom-page.page-ecom-env-image-tool:not(.tool-page) .section-card.section-card--config.config-card {
    border-radius: 22px !important;
    padding: 16px !important;
}

html body.ecom-page.page-ecom-env-image-tool .section-title .hint {
    color: var(--accent, #1d4fff);
    background: color-mix(in srgb, var(--accent, #2f5bff) 12%, transparent);
}

html body.ecom-page.page-ecom-env-image-tool:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) .submit-btn:not(:disabled) {
    background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%) !important;
    box-shadow: 0 6px 18px rgba(79, 70, 229, .22) !important;
}

html body.ecom-page.page-ecom-env-image-tool:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) .submit-btn:disabled {
    background: linear-gradient(135deg, #d6dee8 0%, #c9d3e0 100%) !important;
    color: rgba(255, 255, 255, 0.92) !important;
    opacity: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

html body.ecom-page.page-ecom-env-image-tool:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) .form-title-icon {
    background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%) !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, .3) !important;
}

body.page-ecom-env-image-tool .chip-btn {
    background: color-mix(in srgb, var(--bg-page, #ffffff) 78%, #ffffff);
    border: 1px solid color-mix(in srgb, var(--as-primary, #0f172a) 8%, transparent);
    color: color-mix(in srgb, var(--as-primary, #334155) 72%, #64748b);
}
body.page-ecom-env-image-tool .chip-btn.active {
    background: color-mix(in srgb, var(--as-blue, #6366f1) 10%, var(--bg-page, #e4e4e7));
    color: var(--as-primary, #0a0a0a);
    border: 1px solid color-mix(in srgb, var(--as-primary, #3f3f46) 70%, var(--as-blue, #52525b));
    font-weight: 700;
}

/* 场景风格：横向轻卡（与 page.css 一致，略抬选中对比） */
body.page-ecom-env-image-tool .scene-card {
    border-color: color-mix(in srgb, var(--as-primary, #0f172a) 8%, transparent) !important;
    background: color-mix(in srgb, var(--bg-page, #ffffff) 82%, #ffffff) !important;
}
body.page-ecom-env-image-tool .scene-card.active {
    border-color: color-mix(in srgb, var(--as-primary, #3f3f46) 72%, var(--as-blue, #52525b)) !important;
    background: color-mix(in srgb, var(--as-blue, #6366f1) 12%, var(--bg-page, #e4e4e7)) !important;
    box-shadow: none !important;
}
body.page-ecom-env-image-tool .scene-card.active .scene-card-name {
    color: var(--as-primary, #0a0a0a) !important;
}
body.page-ecom-env-image-tool .scene-current-hint {
    border-color: color-mix(in srgb, var(--as-primary, #0f172a) 6%, transparent);
    background: color-mix(in srgb, var(--bg-page, #f8faff) 88%, var(--as-blue, #f8faff));
    color: color-mix(in srgb, var(--as-primary, #64748b) 55%, #94a3b8);
}
body.page-ecom-env-image-tool .scene-current-hint strong {
    color: color-mix(in srgb, var(--as-primary, #334155) 70%, #64748b);
}

/* 场景主题横条：衔接界面主题（压过 page.css 纯白底） */
html body.ecom-page.page-ecom-env-image-tool .scene-style-card {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--bg-page, #ffffff) 76%, #ffffff) 0%,
        color-mix(in srgb, var(--bg-page, #f8fafc) 88%, #ffffff) 100%
    ) !important;
}
html body.ecom-page.page-ecom-env-image-tool .scene-style-card__title {
    color: var(--as-primary, #0f172a) !important;
}
html body.ecom-page.page-ecom-env-image-tool .scene-style-card__picked {
    color: color-mix(in srgb, var(--as-primary, #64748b) 45%, #94a3b8) !important;
}
html body.ecom-page.page-ecom-env-image-tool .scene-style-card__picked strong {
    color: color-mix(in srgb, var(--as-primary, #334155) 65%, #64748b) !important;
}
html body.ecom-page.page-ecom-env-image-tool .scene-style-card .scene-scroll-wrap::after {
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        color-mix(in srgb, var(--bg-page, #ffffff) 82%, #ffffff) 85%
    ) !important;
}

body.page-ecom-env-image-tool .upload-zone {
    border: 1px dashed color-mix(in srgb, var(--accent, #2f5bff) 28%, transparent);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--bg-page, #ffffff) 55%, #ffffff) 0%,
        color-mix(in srgb, var(--bg-page, #f8fafc) 94%, var(--accent, #2f5bff)) 100%
    );
}

body.page-ecom-env-image-tool .upload-zone.dragover {
    border-color: var(--as-blue, #2f5bff);
    background: color-mix(in srgb, var(--accent, #2f5bff) 8%, transparent);
}

body.page-ecom-env-image-tool .upload-zone.has-image {
    border-color: var(--as-blue, #2f5bff);
}

body.page-ecom-env-image-tool .result-gallery-content-btn {
    background: var(--page-hero-gradient) !important;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--accent, #2f5bff) 22%, transparent) !important;
}

body.page-ecom-env-image-tool .upload-icon-wrap {
    background: color-mix(in srgb, var(--accent, #2f5bff) 8%, #ffffff);
    border: 1px solid color-mix(in srgb, var(--accent, #2f5bff) 14%, transparent);
}

body.page-ecom-env-image-tool .upload-icon-wrap svg {
    color: var(--accent, #1d4fff);
}

body.page-ecom-env-image-tool .h5-tool-intro {
    border: 1px solid color-mix(in srgb, var(--accent, #2f5bff) 14%, transparent);
    background: linear-gradient(125deg, rgba(255, 255, 255, 0.95) 0%, color-mix(in srgb, var(--bg-page, #faf5ff) 92%, var(--accent, #6366f1)) 100%);
    box-shadow: 0 6px 22px color-mix(in srgb, var(--accent, #2f5bff) 8%, transparent);
}

body.page-ecom-env-image-tool .result-card {
    border-color: color-mix(in srgb, var(--accent, #2f5bff) 10%, transparent);
    box-shadow: 0 4px 18px color-mix(in srgb, var(--accent, #2f5bff) 7%, transparent);
}

body.page-ecom-env-image-tool .result-card-title i {
    color: var(--as-blue, #2f5bff);
}

body.page-ecom-env-image-tool .history-item {
    background: linear-gradient(
        168deg,
        rgba(255, 255, 255, 0.97) 0%,
        color-mix(in srgb, var(--bg-page, #fafafa) 90%, var(--accent, #6366f1)) 100%
    );
    border-color: color-mix(in srgb, var(--accent, #2f5bff) 10%, transparent);
    box-shadow:
        0 6px 24px color-mix(in srgb, var(--accent, #2f5bff) 8%, transparent),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
}

body.page-ecom-env-image-tool .history-item-status.processing {
    background: color-mix(in srgb, var(--accent, #2f5bff) 11%, transparent);
    color: color-mix(in srgb, var(--as-primary, #312e81) 65%, var(--accent, #4338ca));
    border-color: color-mix(in srgb, var(--accent, #2f5bff) 24%, transparent);
}

body.page-ecom-env-image-tool .history-view-results-btn {
    color: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.22);
}

body.page-ecom-env-image-tool .history-view-results-btn:active {
    filter: brightness(1.06);
}

/* 深色模式 */
html[data-h5-appearance='dark'] body.ecom-page.page-ecom-env-image-tool {
    background: linear-gradient(195deg, #1e1b4b 0%, #102b68 38%, #0f172a 100%) !important;
    color: #e2e8f0;
}

html[data-h5-appearance='dark'] body.ecom-page.page-ecom-env-image-tool:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) {
    --page-hero-gradient: linear-gradient(118deg, #1e1b4b 0%, #123b9a 50%, #a78bfa 100%);
    --accent: #a78bfa;
    --accent-subtle: rgba(167, 139, 250, 0.18);
    --tool-brand: #a78bfa;
    --tool-brand-rgb: 167, 139, 250;
    --tool-brand-soft: rgba(167, 139, 250, 0.14);
    --tool-brand-border: rgba(167, 139, 250, 0.35);
}

html[data-h5-appearance='dark'] body.ecom-page.page-ecom-env-image-tool:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) .nav-header {
    background: var(--page-hero-gradient) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-h5-appearance='dark'] body.ecom-page.page-ecom-env-image-tool .section-card {
    background: rgba(15, 23, 42, 0.72) !important;
    border-color: rgba(167, 139, 250, 0.14) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
    color: #e2e8f0;
}

html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .config-group-label {
    color: #cbd5e1;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .config-card .chip-btn.config-option {
    background: rgba(148, 163, 184, 0.12);
    border-color: rgba(255, 255, 255, 0.06);
    color: #cbd5e1;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .config-card .chip-btn.config-option.active {
    background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%);
    border-color: transparent;
    color: #ffffff;
    box-shadow: 0 7px 18px -7px rgba(124, 58, 237, 0.6);
}

html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .history-item {
    background: linear-gradient(168deg, rgba(30, 27, 75, 0.92) 0%, rgba(15, 23, 42, 0.88) 100%);
    border-color: rgba(167, 139, 250, 0.14);
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .history-thumb-wrap {
    background:
        radial-gradient(120% 80% at 50% 0%, rgba(49, 46, 129, 0.5) 0%, transparent 55%),
        linear-gradient(165deg, #1e293b 0%, #1e1b4b 100%);
    border-bottom-color: rgba(167, 139, 250, 0.12);
}

html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .history-processing-layer {
    background: rgba(15, 23, 42, 0.45);
    border-color: rgba(167, 139, 250, 0.2);
}

html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .history-processing-layer span {
    color: #e9d5ff;
}

html[data-h5-appearance='dark'] body.ecom-page.page-ecom-env-image-tool:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) .tab-nav {
    background: rgba(15, 23, 42, 0.55) !important;
    border-color: rgba(167, 139, 250, 0.12) !important;
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    margin-bottom: 12px !important;
}

html[data-h5-appearance='dark'] body.ecom-page.page-ecom-env-image-tool:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) .submit-btn:not(:disabled) {
    background: linear-gradient(135deg, var(--accent, #818cf8) 0%, color-mix(in srgb, var(--accent, #a78bfa) 85%, #312e81) 100%) !important;
    box-shadow: 0 6px 22px color-mix(in srgb, var(--accent, #8b5cf6) 35%, transparent) !important;
}

html[data-h5-appearance='dark'] body.ecom-page.page-ecom-env-image-tool:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) .submit-btn:disabled {
    background: linear-gradient(135deg, #5b6574 0%, #475569 100%) !important;
    color: rgba(255, 255, 255, 0.92) !important;
    opacity: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .h5-tool-intro {
    border-color: rgba(167, 139, 250, 0.18);
    background: linear-gradient(125deg, rgba(15, 23, 42, 0.92) 0%, rgba(49, 46, 129, 0.4) 100%);
}

html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .scene-card {
    background: rgba(15, 23, 42, 0.55) !important;
    border-color: rgba(167, 139, 250, 0.2) !important;
    color: #e2e8f0;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .scene-card.active {
    border-color: #a78bfa !important;
    background: linear-gradient(165deg, rgba(109, 40, 217, 0.35) 0%, rgba(49, 46, 129, 0.45) 100%) !important;
    box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.45), 0 8px 22px rgba(0, 0, 0, 0.35) !important;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .scene-card.active .scene-card-name {
    color: #e9d5ff !important;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .scene-style-card__title {
    color: #e2e8f0;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .scene-style-card__picked {
    color: #94a3b8;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .scene-style-card__picked strong {
    color: #cbd5e1;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .scene-style-card .scene-scroll-wrap::after {
    background: linear-gradient(90deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.88) 85%);
}

html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .scene-scroll-wrap::after {
    background: linear-gradient(90deg, rgba(15, 23, 42, 0) 0%, rgba(30, 41, 59, 0.96) 78%);
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .scene-card-icon {
    background: rgba(49, 46, 129, 0.5);
    color: #c4b5fd;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .scene-current-hint {
    background: rgba(15, 23, 42, 0.65);
    border-color: rgba(167, 139, 250, 0.22);
    color: #cbd5e1;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .scene-current-hint strong {
    color: #c4b5fd;
}

html[data-h5-appearance='dark'] body.page-ecom-env-image-tool:not(.tool-page) .ecom-scene-desc-input {
    background: rgba(15, 23, 42, 0.55);
    border-color: rgba(167, 139, 250, 0.22);
    color: #e2e8f0;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool:not(.tool-page) .ecom-scene-desc-input::placeholder {
    color: #64748b;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool:not(.tool-page) .ecom-scene-preset {
    background: rgba(15, 23, 42, 0.45);
    border-color: rgba(148, 163, 184, 0.18);
    box-shadow: none;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool:not(.tool-page) .ecom-scene-preset.is-active {
    border-color: rgba(167, 139, 250, 0.7);
    box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.18);
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool:not(.tool-page) .ecom-scene-preset__title {
    color: #e2e8f0;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool:not(.tool-page) .ecom-scene-desc-action-btn {
    background: rgba(15, 23, 42, 0.45);
    border-color: rgba(148, 163, 184, 0.18);
    color: #cbd5e1;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool:not(.tool-page) .ecom-scene-desc-action-btn--ai {
    color: #c4b5fd;
    border-color: rgba(167, 139, 250, 0.4);
    background: rgba(167, 139, 250, 0.12);
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool:not(.tool-page) .ecom-legal-note {
    color: #94a3b8;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool:not(.tool-page) .ecom-legal-note a {
    color: #c4b5fd;
}

/* 结果弹层 · 深色 */
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .result-gallery-modal {
    background: linear-gradient(180deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .result-gallery-header {
    background: rgba(15, 23, 42, 0.92);
    border-bottom-color: rgba(167, 139, 250, 0.15);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .result-gallery-header-title {
    background: linear-gradient(90deg, #f1f5f9 0%, #e9d5ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .result-gallery-close {
    background: rgba(30, 27, 75, 0.85);
    border-color: rgba(167, 139, 250, 0.25);
    color: #e9d5ff;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .gallery-hero-strip {
    background: rgba(30, 27, 75, 0.75);
    border-color: rgba(167, 139, 250, 0.18);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .gallery-hero-kicker {
    color: #94a3b8;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .gallery-hero-connector {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(167, 139, 250, 0.2);
    color: #c4b5fd;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .gallery-hero-stat-unit {
    color: #94a3b8;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .result-gallery-hint {
    color: #94a3b8;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .result-gallery-footer {
    background: rgba(15, 23, 42, 0.92);
    border-top-color: rgba(167, 139, 250, 0.15);
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .result-gallery-download-all-btn {
    background: rgba(30, 27, 75, 0.9);
    border-color: rgba(167, 139, 250, 0.25);
    color: #c4b5fd;
}

body.ecom-page.page-ecom-env-image-tool:not(.tool-page) .tab-nav .tab-nav-item:active {
    transform: none;
}
body.ecom-page.page-ecom-env-image-tool:not(.tool-page) .tab-nav-item {
    padding: 10px 12px;
    font-size: 14px;
}
body.ecom-page.page-ecom-env-image-tool:not(.tool-page) .main-content {
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden;
}

body.ecom-page.page-ecom-env-image-tool .ecom-inset {
    padding-left: 14px;
    padding-right: 14px;
    overflow-x: hidden;
    max-width: 100%;
}

/* 专业版额度：单行轻条 */
body.ecom-page.page-ecom-env-image-tool .ecom-pro-bar--lite {
    margin: 0 0 12px;
    padding: 0 12px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 14px;
    background: color-mix(in srgb, var(--bg-page, #f8fafc) 96%, var(--accent, #2f5bff));
    border: 1px solid color-mix(in srgb, var(--accent, #2f5bff) 12%, transparent);
    box-shadow: none;
}
body.ecom-page.page-ecom-env-image-tool .ecom-pro-bar--lite .ecom-pro-bar__lite-text {
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.page-ecom-iw-product.page-ecom-env-image-tool .ecom-pro-bar--iw-product {
    background: linear-gradient(
        90deg,
        var(--as-blue, #2f5bff) 0%,
        color-mix(in srgb, var(--as-blue, #2563eb) 92%, #0f172a) 4px,
        var(--bg-page, #f8fafc) 4px,
        #ffffff 100%
    );
    border-color: color-mix(in srgb, var(--as-blue, #2f5bff) 18%, transparent);
    box-shadow: 0 4px 18px color-mix(in srgb, var(--as-blue, #2563eb) 10%, transparent);
    min-height: 44px;
}
body.ecom-page.page-ecom-env-image-tool:not(.tool-page) .ecom-pro-bar--lite {
    margin: 0 0 14px;
    height: 36px;
    min-height: 36px;
}
body.ecom-page.page-ecom-env-image-tool .history-pro-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
    margin: 8px 0 4px;
    width: 100%;
}
body.ecom-page.page-ecom-env-image-tool .history-pro-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--as-blue, #2f5bff) 0%, var(--accent, #1d4fff) 100%);
    color: #fff;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--accent, #2f5bff) 20%, transparent);
    cursor: pointer;
}
body.ecom-page.page-ecom-env-image-tool .history-pro-btn--ghost {
    background: color-mix(in srgb, var(--bg-page, #ffffff) 88%, #ffffff);
    color: var(--accent, #1d4fff);
    border: 1px solid color-mix(in srgb, var(--accent, #2f5bff) 30%, transparent);
    box-shadow: 0 1px 3px color-mix(in srgb, var(--as-primary, #0f172a) 4%, transparent);
}
body.ecom-page.page-ecom-env-image-tool .history-pro-btn:active {
    transform: scale(0.98);
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .ecom-pro-bar--lite {
    background: rgba(30, 27, 75, 0.55);
    border-color: rgba(167, 139, 250, 0.2);
}
html[data-h5-appearance='dark'] body.page-ecom-iw-product.page-ecom-env-image-tool .ecom-pro-bar--iw-product {
    background: linear-gradient(90deg, #818cf8 0%, #818cf8 4px, rgba(30, 27, 75, 0.72) 4px, rgba(15, 23, 42, 0.5) 100%);
    border-color: rgba(167, 139, 250, 0.24);
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.28);
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .ecom-pro-bar--lite .ecom-pro-bar__lite-text {
    color: #cbd5e1;
}
html[data-h5-appearance='dark'] body.page-ecom-env-image-tool .history-pro-btn--ghost {
    background: rgba(30, 27, 75, 0.5);
    color: #c4b5fd;
    border-color: rgba(167, 139, 250, 0.24);
}

/* ── 自有产品 (?iw=1) · 页级氛围（仅本模式，不影响电商详情图 Tab 流）；有界面主题时不铺默认渐变 ── */
html:not([data-h5-skin]) body.ecom-page.page-ecom-env-image-tool.page-ecom-iw-product.tool-page {
    background:
        radial-gradient(120% 72% at 50% -28%, rgba(59, 130, 246, 0.1) 0%, transparent 56%),
        radial-gradient(85% 55% at 100% 18%, rgba(129, 140, 248, 0.07) 0%, transparent 45%),
        linear-gradient(180deg, #f3f7ff 0%, #eef2f9 52%, #f0f3fa 100%) !important;
}

html body.ecom-page.page-ecom-env-image-tool.page-ecom-iw-product.tool-page:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) .nav-header {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.99) 0%,
        color-mix(in srgb, var(--bg-page, #f8fafc) 96%, var(--as-blue, #2f5bff)) 100%
    ) !important;
    border-bottom-color: color-mix(in srgb, var(--as-primary, #0f172a) 5%, transparent) !important;
    box-shadow:
        0 1px 0 rgba(15, 23, 42, 0.04),
        0 10px 32px color-mix(in srgb, var(--as-blue, #2f5bff) 8%, transparent) !important;
}

body.page-ecom-iw-product.page-ecom-env-image-tool.tool-page .h5-tool-intro {
    border-radius: 18px !important;
    border-color: color-mix(in srgb, var(--as-blue, #2f5bff) 14%, transparent) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.88) inset,
        0 10px 36px color-mix(in srgb, var(--as-blue, #2f5bff) 10%, transparent) !important;
}

body.page-ecom-iw-product.page-ecom-env-image-tool.tool-page #tabCreate > .section-card:first-of-type {
    border-color: color-mix(in srgb, var(--as-blue, #2f5bff) 12%, transparent) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.92) inset,
        0 12px 36px rgba(15, 23, 42, 0.06) !important;
}

body.page-ecom-iw-product.page-ecom-env-image-tool.tool-page .upload-zone:not(.has-image) {
    min-height: 172px;
    border-radius: 18px !important;
    border-style: dashed !important;
    border-width: 1px !important;
    border-color: color-mix(in srgb, var(--as-blue, #2f5bff) 24%, transparent) !important;
    background:
        radial-gradient(95% 85% at 50% 0%, color-mix(in srgb, var(--as-blue, #2f5bff) 8%, transparent) 0%, transparent 55%),
        linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--bg-page, #f8fafc) 98%, var(--as-blue, #2f5bff)) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 2px 0 color-mix(in srgb, var(--as-blue, #2f5bff) 4%, transparent) !important;
}

body.page-ecom-iw-product.page-ecom-env-image-tool.tool-page .upload-placeholder .upload-text {
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--as-primary, #1e293b);
}

body.page-ecom-iw-product.page-ecom-env-image-tool.tool-page .upload-placeholder .upload-desc {
    color: color-mix(in srgb, var(--as-primary, #334155) 42%, #64748b);
}

html[data-h5-appearance='dark']:not([data-h5-skin]) body.ecom-page.page-ecom-env-image-tool.page-ecom-iw-product.tool-page {
    background:
        radial-gradient(100% 58% at 50% -18%, rgba(59, 130, 246, 0.2) 0%, transparent 52%),
        linear-gradient(198deg, #1e1b4b 0%, #102b68 44%, #0f172a 100%) !important;
}

html[data-h5-appearance='dark'] body.ecom-page.page-ecom-env-image-tool.page-ecom-iw-product.tool-page:not(.page-auth):not(.page-tab-create):not(.page-tab-agent):not(.page-tab-mine):not(.page-tab-template) .nav-header {
    background: linear-gradient(118deg, rgba(30, 27, 75, 0.95) 0%, rgba(18, 59, 154, 0.88) 55%, rgba(29, 79, 255, 0.92) 100%) !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.35) !important;
}

html[data-h5-appearance='dark'] body.page-ecom-iw-product.page-ecom-env-image-tool.tool-page .h5-tool-intro {
    border-color: rgba(167, 139, 250, 0.2) !important;
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.32) !important;
}

html[data-h5-appearance='dark'] body.page-ecom-iw-product.page-ecom-env-image-tool.tool-page #tabCreate > .section-card:first-of-type {
    border-color: rgba(167, 139, 250, 0.16) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.32) !important;
}

html[data-h5-appearance='dark'] body.page-ecom-iw-product.page-ecom-env-image-tool.tool-page .upload-zone:not(.has-image) {
    min-height: 172px;
    border-color: rgba(167, 139, 250, 0.28) !important;
    background:
        radial-gradient(90% 80% at 50% 0%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),
        linear-gradient(180deg, rgba(30, 27, 75, 0.55) 0%, rgba(15, 23, 42, 0.45) 100%) !important;
}

html[data-h5-appearance='dark'] body.page-ecom-iw-product.page-ecom-env-image-tool.tool-page .upload-placeholder .upload-text {
    color: #e2e8f0;
}

html[data-h5-appearance='dark'] body.page-ecom-iw-product.page-ecom-env-image-tool.tool-page .upload-placeholder .upload-desc {
    color: #94a3b8;
}

/* 移动端提示词全屏面板：与品牌壳对齐 */
@media (max-width: 767px) {
    body.ecom-result-overlay-open.page-ecom-env-image-tool .result-section.show {
        z-index: 10080;
    }
    body.ecom-result-overlay-open.page-ecom-env-image-tool .result-section.show .result-card {
        background:
            radial-gradient(120% 50% at 50% 0%, rgba(124, 58, 237, 0.18) 0%, rgba(30, 27, 75, 0) 52%),
            linear-gradient(180deg, #14132e 0%, #0c0d1f 100%) !important;
        border: none !important;
        box-shadow: none !important;
    }
    body.ecom-result-overlay-open.page-ecom-env-image-tool .toast {
        z-index: 10100;
        bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    }
}

/* 强制覆盖 global neutral-chrome / layout-unify 的中性 active 态 */
html body.ecom-page.page-ecom-env-image-tool .tab-nav .tab-nav-item.active {
    color: #fff !important;
    background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%) !important;
    border: 1px solid rgba(79, 70, 229, 0.45) !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3) !important;
    font-weight: 700 !important;
}

html body.ecom-page.page-ecom-env-image-tool .chip-btn.active {
    background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(79, 70, 229, 0.45) !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3) !important;
    font-weight: 700 !important;
}

html body.ecom-page.page-ecom-env-image-tool .scene-card.active {
    border-color: rgba(79, 70, 229, 0.45) !important;
    background: linear-gradient(135deg, #EEF2FF 0%, #F5F3FF 100%) !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2) !important;
}

html body.ecom-page.page-ecom-env-image-tool .scene-card.active .scene-card-name {
    color: #4F46E5 !important;
}