/**
 * 灵涵 H5 · 创作 / 智能体 / 我的 · App Store / iOS 主屏式壳层 + 浅色/深色（CSS 变量）
 * 由 index.php 在 head 内脚本写入 data-h5-appearance / data-h5-theme-pref。
 */

/* 性能优化：减少重绘 */
.cd-appstore-cell,
.cd-appstore-row,
.huoke-card {
    contain: layout style;
    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

:root {
    --as-font: -apple-system, BlinkMacSystemFont, 'SF Pro SC', 'SF Pro Text', 'PingFang SC', 'Hiragino Sans GB', 'Segoe UI', system-ui, sans-serif;
    /* 冷灰蓝画布（蓝黑科技风） */
    --as-page-bg: #F3F6FB;
    --as-group-bg: #ffffff;
    --as-row-bg: #ffffff;
    --as-row-press: #e5e5ea;
    --as-icon-slot: #f2f2f7;
    --as-border: rgba(60, 60, 67, 0.18);
    --as-border-soft: rgba(60, 60, 67, 0.12);
    --as-sep: rgba(60, 60, 67, 0.29);
    --as-label: #000000;
    --as-secondary: rgba(60, 60, 67, 0.6);
    --as-tertiary: #3a3a3c;
    --as-chevron: #c7c7cc;
    --as-blue: #007aff;
    --as-tab-bar-bg: rgba(252, 253, 253, 0.94);
    --as-tab-muted: rgba(60, 60, 67, 0.55);
    --as-ico-fallback: rgba(60, 60, 67, 0.35);
    --as-section-heading: rgba(60, 60, 67, 0.85);
    --as-radius-widget: 22px;
    --as-radius-group: 14px;
    --as-radius-pill: 12px;
    --as-layout-gutter: 16px;
    --as-section-gap: 20px;
    --as-card-shadow: 0 4px 22px rgba(15, 23, 42, 0.055), 0 0 0 1px rgba(15, 23, 42, 0.035);
    --as-tab-bar-elev: 0 -0.5px 0 rgba(255, 255, 255, 0.88) inset, 0 -10px 36px rgba(0, 0, 0, 0.07);
    --as-hero-pill-bg: rgba(255, 255, 255, 0.42);
    --as-hero-pill-border: rgba(255, 255, 255, 0.38);
    --as-hero-pill-text: rgba(30, 41, 59, 0.92);
    --as-search-result-bg: #ffffff;
    --as-search-hit-bg: rgba(251, 191, 36, 0.35);
    --as-search-hit-fg: #0f172a;
}

html[data-h5-appearance='light'] {
    --as-page-bg: #F3F6FB;
    --as-group-bg: #ffffff;
    --as-row-bg: #ffffff;
    --as-row-press: #e5e5ea;
    --as-icon-slot: #f2f2f7;
    --as-border: rgba(60, 60, 67, 0.18);
    --as-border-soft: rgba(60, 60, 67, 0.12);
    --as-sep: rgba(60, 60, 67, 0.29);
    --as-label: #000000;
    --as-secondary: rgba(60, 60, 67, 0.6);
    --as-tertiary: #3a3a3c;
    --as-chevron: #c7c7cc;
    --as-blue: #007aff;
    --as-tab-bar-bg: rgba(252, 253, 253, 0.94);
    --as-tab-muted: rgba(60, 60, 67, 0.55);
    --as-ico-fallback: rgba(60, 60, 67, 0.35);
    --as-section-heading: rgba(60, 60, 67, 0.85);
    --as-radius-widget: 22px;
    --as-radius-group: 14px;
    --as-radius-pill: 12px;
    --as-layout-gutter: 16px;
    --as-section-gap: 20px;
    --as-card-shadow: 0 4px 22px rgba(15, 23, 42, 0.055), 0 0 0 1px rgba(15, 23, 42, 0.035);
    --as-tab-bar-elev: 0 -0.5px 0 rgba(255, 255, 255, 0.88) inset, 0 -10px 36px rgba(0, 0, 0, 0.07);
    --as-hero-pill-bg: rgba(255, 255, 255, 0.42);
    --as-hero-pill-border: rgba(255, 255, 255, 0.38);
    --as-hero-pill-text: rgba(30, 41, 59, 0.92);
    --as-search-result-bg: #ffffff;
    --as-search-hit-bg: rgba(251, 191, 36, 0.35);
    --as-search-hit-fg: #0f172a;
}

html[data-h5-appearance='dark'] {
    --as-page-bg: #000000;
    --as-group-bg: #1c1c1e;
    --as-row-bg: #1c1c1e;
    --as-row-press: #2c2c2e;
    --as-icon-slot: #2c2c2e;
    --as-border: rgba(84, 84, 88, 0.55);
    --as-border-soft: rgba(84, 84, 88, 0.4);
    --as-sep: rgba(84, 84, 88, 0.55);
    --as-label: #ffffff;
    --as-secondary: rgba(235, 235, 245, 0.6);
    --as-tertiary: rgba(235, 235, 245, 0.75);
    --as-chevron: rgba(235, 235, 245, 0.28);
    --as-blue: #0a84ff;
    --as-tab-bar-bg: rgba(28, 28, 30, 0.94);
    --as-tab-muted: rgba(235, 235, 245, 0.45);
    --as-ico-fallback: rgba(235, 235, 245, 0.32);
    --as-section-heading: rgba(235, 235, 245, 0.58);
    --as-radius-widget: 22px;
    --as-radius-group: 14px;
    --as-radius-pill: 12px;
    --as-layout-gutter: 16px;
    --as-section-gap: 20px;
    --as-card-shadow: none;
    --as-tab-bar-elev: 0 -0.5px 0 rgba(255, 255, 255, 0.08) inset;
    --as-hero-pill-bg: rgba(60, 60, 67, 0.55);
    --as-hero-pill-border: rgba(255, 255, 255, 0.12);
    --as-hero-pill-text: #ffffff;
    --as-search-result-bg: #1c1c1e;
    --as-search-hit-bg: rgba(255, 214, 10, 0.24);
    --as-search-hit-fg: #ffffff;
}

html:has(body.page-tab-create.lh-home-shelf),
html:has(body.page-tab-agent),
html:has(body.page-tab-assistant),
html:has(body.page-tab-template),
html:has(body.page-tab-mine) {
    background: var(--as-page-bg) !important;
    background-color: var(--as-page-bg) !important;
    background-image: none !important;
}

html body.page-tab-create.lh-home-shelf,
html body.page-tab-agent,
html body.page-tab-assistant,
html body.page-tab-template,
html body.page-tab-mine {
    font-family: var(--as-font) !important;
    background: var(--as-page-bg) !important;
    background-color: var(--as-page-bg) !important;
    background-image: none !important;
    color: var(--as-label) !important;
}

html body.page-tab-create.lh-home-shelf::before,
html body.page-tab-agent::before,
html body.page-tab-assistant::before,
html body.page-tab-template::before,
html body.page-tab-mine::before {
    display: none !important;
    content: none !important;
}

html body.page-tab-create.lh-home-shelf .app-container,
html body.page-tab-create.lh-home-shelf #mainContent.main-content,
html body.page-tab-create.lh-home-shelf .main-content,
html body.page-tab-agent .app-container,
html body.page-tab-agent #mainContent.main-content,
html body.page-tab-agent .main-content,
html body.page-tab-assistant .app-container,
html body.page-tab-assistant #mainContent.main-content,
html body.page-tab-assistant .main-content,
html body.page-tab-template .app-container,
html body.page-tab-template #mainContent.main-content,
html body.page-tab-template .main-content,
html body.page-tab-mine .app-container,
html body.page-tab-mine #mainContent.main-content,
html body.page-tab-mine .main-content {
    background: transparent !important;
}

html body.page-tab-agent,
html body.page-tab-assistant,
html body.page-tab-template,
html body.page-tab-mine {
    --text-primary: var(--as-label) !important;
    --text-secondary: var(--as-tertiary) !important;
    --text-muted: var(--as-secondary) !important;
    --bg-card: var(--as-row-bg) !important;
    --bg-secondary: var(--as-page-bg) !important;
    --bg-page: var(--as-page-bg) !important;
}

/* ========== 底栏（参考 iOS Dock：高斯模糊 + 轻微顶边高光与向上漫射） ========== */
html body.page-tab-create.lh-home-shelf .tab-bar,
html body.page-tab-agent .tab-bar,
html body.page-tab-assistant .tab-bar,
html body.page-tab-template .tab-bar,
html body.page-tab-mine .tab-bar {
    background: var(--as-tab-bar-bg) !important;
    backdrop-filter: saturate(1.85) blur(42px) !important;
    -webkit-backdrop-filter: saturate(1.85) blur(42px) !important;
    border-top: 0.5px solid var(--as-sep) !important;
    box-shadow: var(--as-tab-bar-elev, none) !important;
}

/*
 * 「我的」底栏：实色 + 取消 backdrop blur。
 * 半透磨砂会让下方滚动区（如「平台数据」大数字）从底栏「透出来」，误以为内容穿透。
 */
html body.page-tab-mine .tab-bar {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body.page-tab-mine.lh-create-songyun .tab-bar {
    background: #fffcf9 !important;
}

html[data-h5-appearance='dark'] body.page-tab-mine.lh-create-songyun .tab-bar {
    background: #1c1c1e !important;
}

html[data-h5-appearance='dark'] body.page-tab-mine .tab-bar {
    background: #1c1c1e !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body.page-tab-create.lh-home-shelf .tab-item,
html body.page-tab-agent .tab-item,
html body.page-tab-assistant .tab-item,
html body.page-tab-template .tab-item,
html body.page-tab-mine .tab-item {
    color: var(--as-tab-muted) !important;
}

html body.page-tab-create.lh-home-shelf .tab-item .tab-icon,
html body.page-tab-agent .tab-item .tab-icon,
html body.page-tab-assistant .tab-item .tab-icon,
html body.page-tab-template .tab-item .tab-icon,
html body.page-tab-mine .tab-item .tab-icon {
    color: var(--as-tab-muted) !important;
}

html body.page-tab-create.lh-home-shelf .tab-item.active,
html body.page-tab-create.lh-home-shelf .tab-item.active .tab-label,
html body.page-tab-agent .tab-item.active,
html body.page-tab-agent .tab-item.active .tab-label,
html body.page-tab-assistant .tab-item.active,
html body.page-tab-assistant .tab-item.active .tab-label,
html body.page-tab-template .tab-item.active,
html body.page-tab-template .tab-item.active .tab-label,
html body.page-tab-mine .tab-item.active,
html body.page-tab-mine .tab-item.active .tab-label {
    color: var(--as-blue) !important;
    font-weight: 600 !important;
}

html body.page-tab-create.lh-home-shelf .tab-item.active .tab-icon,
html body.page-tab-agent .tab-item.active .tab-icon,
html body.page-tab-assistant .tab-item.active .tab-icon,
html body.page-tab-template .tab-item.active .tab-icon,
html body.page-tab-mine .tab-item.active .tab-icon {
    color: var(--as-blue) !important;
    filter: none !important;
}

/* ========== 创作 Tab ========== */
html body.page-tab-create.lh-home-shelf,
html body.page-tab-create.lh-home-shelf .lh2-root,
html body.page-tab-create.lh-home-shelf .lh2-page,
html body.page-tab-create.lh-home-shelf .create-dash,
html body.page-tab-agent.h5-shelf-mirror,
html body.page-tab-agent.h5-shelf-mirror .lh2-root,
html body.page-tab-agent.h5-shelf-mirror .lh2-page,
html body.page-tab-agent.h5-shelf-mirror .create-dash {
    color: var(--as-label) !important;
}

html body.page-tab-create.lh-home-shelf .lh2-root a.create-dash-tap,
html body.page-tab-create.lh-home-shelf .lh2-root a.create-dash-tap:visited,
html body.page-tab-agent.h5-shelf-mirror .lh2-root a.create-dash-tap,
html body.page-tab-agent.h5-shelf-mirror .lh2-root a.create-dash-tap:visited {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-hero-banner,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-hero-banner {
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: var(--as-section-gap, 20px) !important;
    border-radius: var(--as-radius-widget, 22px) !important;
    overflow: hidden !important;
    box-shadow: var(--as-card-shadow) !important;
    border: 0.5px solid var(--as-border) !important;
    background: var(--as-group-bg) !important;
}

/* 横向留白交给 .main-content，避免与 index-page 的 padding 叠成双份 */
html body.page-tab-create.lh-home-shelf .create-dash__inner,
html body.page-tab-agent.h5-shelf-mirror .create-dash__inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-hero-banner__content:not(.cd-hero-banner__content--brand-mast),
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-hero-banner__content:not(.cd-hero-banner__content--brand-mast) {
    padding: 4px 14px 14px !important;
}

html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-hero-banner__content--brand-mast {
    padding: max(10px, env(safe-area-inset-top, 0px)) 16px 16px 18px !important;
    text-align: left !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-hero-banner__top,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-hero-banner__top {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/* 顶栏：白底大标题区（去掉高饱和渐变 / 视频），接近 iOS「大标题 + 分组」 */
html body.page-tab-create.lh-home-shelf .cd-hero-banner__video,
html body.page-tab-create.lh-home-shelf .cd-hero-banner__canvas,
html body.page-tab-create.lh-home-shelf .cd-hero-banner__bg--img,
html body.page-tab-create.lh-home-shelf .cd-hero-banner__bg--hero-cover,
html body.page-tab-agent.h5-shelf-mirror .cd-hero-banner__video,
html body.page-tab-agent.h5-shelf-mirror .cd-hero-banner__canvas,
html body.page-tab-agent.h5-shelf-mirror .cd-hero-banner__bg--img,
html body.page-tab-agent.h5-shelf-mirror .cd-hero-banner__bg--hero-cover {
    display: none !important;
}

html body.page-tab-create.lh-home-shelf .cd-hero-banner__base .cd-hero-banner__bg--gradient,
html body.page-tab-agent.h5-shelf-mirror .cd-hero-banner__base .cd-hero-banner__bg--gradient {
    display: block !important;
    opacity: 1 !important;
    background: var(--as-group-bg) !important;
}

/* 创作顶栏：暖纸 + 桃粉高光（自媒体种草 × 电商详情气质），覆盖上方冷灰底 */
html body.page-tab-create.lh-home-shelf .create-dash .cd-hero-banner.cd-hero-banner--agent,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-hero-banner.cd-hero-banner--agent {
    border-color: rgba(251, 113, 133, 0.18) !important;
    background: linear-gradient(180deg, #fffdfb 0%, #fff8f5 100%) !important;
    box-shadow:
        0 2px 16px rgba(244, 63, 94, 0.07),
        var(--as-card-shadow, 0 8px 24px rgba(15, 23, 42, 0.06)) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-hero-banner.cd-hero-banner--agent .cd-hero-banner__base .cd-hero-banner__bg--gradient,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-hero-banner.cd-hero-banner--agent .cd-hero-banner__base .cd-hero-banner__bg--gradient {
    background:
        radial-gradient(120% 90% at 0% 0%, rgba(255, 237, 213, 0.52) 0%, transparent 55%),
        radial-gradient(85% 72% at 100% 8%, rgba(254, 226, 231, 0.42) 0%, transparent 50%),
        linear-gradient(168deg, #fffefb 0%, #fff7f2 38%, #fffbeb 74%, #f8fafc 100%) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-hero-banner__content--brand-mast .cd-hero-banner__title,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-hero-banner__content--brand-mast .cd-hero-banner__title {
    color: #1c1917 !important;
    -webkit-text-fill-color: #1c1917 !important;
    font-size: clamp(19px, 5.2vw, 24px) !important;
    font-weight: 820 !important;
    letter-spacing: -0.035em !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-hero-banner__veil,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-hero-banner__veil {
    display: none !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-hero-banner__catctx,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-hero-banner__catctx {
    color: var(--as-secondary) !important;
    background: var(--as-icon-slot) !important;
    border: 0.5px solid var(--as-border-soft) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-text-fill-color: var(--as-secondary) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-hero-banner__title,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-hero-banner__title {
    color: var(--as-label) !important;
    text-shadow: none !important;
    -webkit-text-fill-color: var(--as-label) !important;
    font-size: clamp(17px, 4.2vw, 21px) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 2px !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-hero-banner__slogan,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-hero-banner__slogan {
    margin: 4px 0 0 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--as-secondary) !important;
    -webkit-text-fill-color: var(--as-secondary) !important;
    letter-spacing: -0.01em !important;
    line-height: 1.4 !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-hero-pill,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-hero-pill {
    color: var(--as-label) !important;
    -webkit-text-fill-color: var(--as-label) !important;
    background: var(--as-icon-slot) !important;
    border: 0.5px solid var(--as-border-soft) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    font-weight: 500 !important;
    font-size: 12px !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-tier--prime.cd-tier--shelf > .cd-shelf-rows,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-tier--prime.cd-tier--shelf > .cd-shelf-rows {
    margin-top: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

/* 分组标题 */
html body.page-tab-create.lh-home-shelf .create-dash .cd-tier--grouped,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-tier--grouped {
    margin-bottom: 16px !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-shelf-group-title,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-shelf-group-title {
    display: flex !important;
    align-items: center !important;
    margin: 0 0 10px 4px !important;
    padding: 0 !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-shelf-group-title__text,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-shelf-group-title__text {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--as-label) !important;
    letter-spacing: -0.02em !important;
}

/* 创作 / 智能体：四列图标（新拟态块，避免透视导致发糊） */
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-group,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-group {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px 8px !important;
    padding: 18px 12px 20px !important;
    background: var(--as-group-bg) !important;
    border-radius: var(--as-radius-widget, 22px) !important;
    overflow: visible !important;
    border: 0.5px solid var(--as-border) !important;
    box-shadow: var(--as-card-shadow) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    padding: 0 2px 2px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    text-align: center !important;
    -webkit-tap-highlight-color: transparent;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:active .cd-poster__art,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:active .cd-poster__art {
    transform: translateY(1px) scale(0.97) !important;
    box-shadow:
        4px 4px 10px rgba(0, 0, 0, 0.06),
        -3px -3px 10px rgba(255, 255, 255, 0.85) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row::before,
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row::after,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row::before,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row::after {
    display: none !important;
}

/* 现代扁平化图标样式 */
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art {
    --icon-bg: #0ea5e9;
    --icon-bg-light: rgba(14, 165, 233, 0.12);
    position: relative !important;
    flex: 0 0 auto !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-height: none !important;
    margin: 0 0 8px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    transform: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    background: var(--icon-bg) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* 移除厚度层伪元素 */
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art::before,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art::before {
    display: none !important;
}

/* Tone: cyan（默认，对标、AI创作类） */
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row.cd-poster-tone-cyan .cd-poster__art,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row.cd-poster-tone-cyan .cd-poster__art {
    --icon-bg: #0ea5e9;
}

/* Tone: mint（电商详情图、详情图） */
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row.cd-poster-tone-mint .cd-poster__art,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row.cd-poster-tone-mint .cd-poster__art {
    --icon-bg: #10b981;
}

/* Tone: violet（灵绘万物） */
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row.cd-poster-tone-violet .cd-poster__art,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row.cd-poster-tone-violet .cd-poster__art {
    --icon-bg: #8b5cf6;
}

/* Tone: amber（图文、视频提示词） */
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row.cd-poster-tone-amber .cd-poster__art,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row.cd-poster-tone-amber .cd-poster__art {
    --icon-bg: #f59e0b;
}

/* Tone: rose（数字人） */
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row.cd-poster-tone-rose .cd-poster__art,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row.cd-poster-tone-rose .cd-poster__art {
    --icon-bg: #f43f5e;
}

/* Tone: slate（无水印提取等通用） */
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row.cd-poster-tone-slate .cd-poster__art,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row.cd-poster-tone-slate .cd-poster__art {
    --icon-bg: #64748b;
}

/* Hover 效果：轻微上浮 */
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:hover .cd-poster__art,
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:focus-visible .cd-poster__art,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:hover .cd-poster__art,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:focus-visible .cd-poster__art {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

/* 深色模式 */
html[data-h5-appearance='dark'] body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art,
html[data-h5-appearance='dark'] body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-h5-appearance='dark'] body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:hover .cd-poster__art,
html[data-h5-appearance='dark'] body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:focus-visible .cd-poster__art,
html[data-h5-appearance='dark'] body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:hover .cd-poster__art,
html[data-h5-appearance='dark'] body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:focus-visible .cd-poster__art {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art--list-icon,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art--list-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art--agent-bitmap,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art--agent-bitmap {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art--agent-line .cd-poster__agent-line-svg,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art--agent-line .cd-poster__agent-line-svg {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art--agent-line svg,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art--agent-line svg {
    width: 22px !important;
    height: 22px !important;
    color: #fff !important;
    filter: none !important;
}

html[data-h5-appearance='dark'] body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art--agent-line svg,
html[data-h5-appearance='dark'] body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art--agent-line svg {
    color: rgba(255,255,255,0.95) !important;
}

/* 移除高光层 */
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art--list-icon::after,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art--list-icon::after {
    display: none !important;
}

/* 图标样式：简洁白色 */
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__ico--list,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__ico--list {
    position: relative !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    color: #fff !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-font-smoothing: antialiased !important;
}

html[data-h5-appearance='dark'] body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__ico--list,
html[data-h5-appearance='dark'] body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__ico--list {
    color: rgba(255,255,255,0.95) !important;
    text-shadow: none !important;
    filter: none !important;
}

@media (prefers-reduced-motion: reduce) {
    html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art,
    html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art {
        transition: none !important;
    }

    html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:hover .cd-poster__art,
    html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:focus-visible .cd-poster__art,
    html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:hover .cd-poster__art,
    html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:focus-visible .cd-poster__art {
        transform: none !important;
    }
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art-shade,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__art-shade {
    display: none !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__cover,
html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__large-icon,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__cover,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__large-icon {
    display: none !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__ico:not(.cd-poster__ico--list),
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__ico:not(.cd-poster__ico--list) {
    display: none !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__head.cd-poster__head--row,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__head.cd-poster__head--row {
    flex: 0 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 1px !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__head::after,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__head::after {
    display: none !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__title,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__title {
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    color: var(--as-label) !important;
    line-height: 1.3 !important;
    text-align: center !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    word-break: keep-all !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: geometricPrecision !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__sub,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row .cd-poster__sub {
    display: none !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-chev,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-chev {
    display: none !important;
}

html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .agent-shelf-new,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--grid3 .agent-shelf-new {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    z-index: 4 !important;
    padding: 1px 4px !important;
    border-radius: 4px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    color: #fff !important;
    background: var(--as-blue) !important;
    line-height: 1.2 !important;
}

html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--grid3 .cd-appstore-cell:not(.cd-appstore-cell--coming) {
    position: relative !important;
}

@media (max-width: 360px) {
    html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-group,
    html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-group {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px 6px !important;
    }
}

/* ========== 平台介绍卡片 ========== */
html body.page-tab-create.lh-home-shelf .create-dash .platform-intro-card,
html body.page-tab-agent.h5-shelf-mirror .create-dash .platform-intro-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 18px 16px !important;
    border-radius: var(--as-radius-widget, 22px) !important;
    background: var(--as-row-bg) !important;
    border: 0.5px solid var(--as-border) !important;
    box-shadow: var(--as-card-shadow) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .platform-intro-card__icon,
html body.page-tab-agent.h5-shelf-mirror .create-dash .platform-intro-card__icon {
    flex: 0 0 auto !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .platform-intro-card__body,
html body.page-tab-agent.h5-shelf-mirror .create-dash .platform-intro-card__body {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .platform-intro-card__title,
html body.page-tab-agent.h5-shelf-mirror .create-dash .platform-intro-card__title {
    margin: 0 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
    color: var(--as-label) !important;
    line-height: 1.3 !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .platform-intro-card__desc,
html body.page-tab-agent.h5-shelf-mirror .create-dash .platform-intro-card__desc {
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--as-secondary) !important;
    line-height: 1.5 !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .platform-intro-card__features,
html body.page-tab-agent.h5-shelf-mirror .create-dash .platform-intro-card__features {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 4px !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .platform-intro-card__tag,
html body.page-tab-agent.h5-shelf-mirror .create-dash .platform-intro-card__tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--as-blue) !important;
    background: color-mix(in srgb, var(--as-blue) 10%, transparent) !important;
    border: 0.5px solid color-mix(in srgb, var(--as-blue) 20%, transparent) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .platform-intro-card__tag i,
html body.page-tab-agent.h5-shelf-mirror .create-dash .platform-intro-card__tag i {
    font-size: 11px !important;
}

/* 小技巧卡片 */
html body.page-tab-create.lh-home-shelf .create-dash .tips-card,
html body.page-tab-agent.h5-shelf-mirror .create-dash .tips-card {
    padding: 16px !important;
    border-radius: var(--as-radius-widget, 22px) !important;
    background: var(--as-row-bg) !important;
    border: 0.5px solid var(--as-border) !important;
    box-shadow: var(--as-card-shadow) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .tips-card__header,
html body.page-tab-agent.h5-shelf-mirror .create-dash .tips-card__header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .tips-card__icon,
html body.page-tab-agent.h5-shelf-mirror .create-dash .tips-card__icon {
    font-size: 16px !important;
    color: #f59e0b !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .tips-card__label,
html body.page-tab-agent.h5-shelf-mirror .create-dash .tips-card__label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--as-label) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .tips-card__list,
html body.page-tab-agent.h5-shelf-mirror .create-dash .tips-card__list {
    margin: 0 !important;
    padding: 0 0 0 18px !important;
    list-style: disc !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .tips-card__list li,
html body.page-tab-agent.h5-shelf-mirror .create-dash .tips-card__list li {
    font-size: 13px !important;
    color: var(--as-secondary) !important;
    line-height: 1.6 !important;
    margin-bottom: 6px !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .tips-card__list li:last-child,
html body.page-tab-agent.h5-shelf-mirror .create-dash .tips-card__list li:last-child {
    margin-bottom: 0 !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .tips-card__list strong,
html body.page-tab-agent.h5-shelf-mirror .create-dash .tips-card__list strong {
    color: var(--as-label) !important;
    font-weight: 600 !important;
}

html[data-h5-appearance='dark'] body.page-tab-create.lh-home-shelf .create-dash .platform-intro-card__tag,
html[data-h5-appearance='dark'] body.page-tab-agent.h5-shelf-mirror .create-dash .platform-intro-card__tag {
    background: color-mix(in srgb, var(--as-blue) 18%, transparent) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .huoke-spotlight,
html body.page-tab-agent.h5-shelf-mirror .create-dash .huoke-spotlight {
    border-radius: var(--as-radius-widget, 22px) !important;
    box-shadow: var(--as-card-shadow) !important;
    background: var(--as-row-bg) !important;
    color: var(--as-label) !important;
    -webkit-text-fill-color: var(--as-label) !important;
    border: 0.5px solid var(--as-border) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .huoke-spotlight__title,
html body.page-tab-agent.h5-shelf-mirror .create-dash .huoke-spotlight__title {
    color: var(--as-label) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .huoke-spotlight__lead,
html body.page-tab-agent.h5-shelf-mirror .create-dash .huoke-spotlight__lead {
    color: var(--as-secondary) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .huoke-spotlight__chev,
html body.page-tab-agent.h5-shelf-mirror .create-dash .huoke-spotlight__chev {
    color: var(--as-secondary) !important;
    background: var(--as-icon-slot) !important;
    border: 0.5px solid var(--as-border-soft) !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .huoke-spotlight__meta,
html body.page-tab-agent.h5-shelf-mirror .create-dash .huoke-spotlight__meta {
    color: var(--as-secondary) !important;
}

/* 去掉获客条顶部的彩虹描边，更接近系统白卡小组件 */
html body.page-tab-create.lh-home-shelf .create-dash .huoke-spotlight::before,
html body.page-tab-agent.h5-shelf-mirror .create-dash .huoke-spotlight::before {
    display: none !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .huoke-spotlight__mesh,
html body.page-tab-create.lh-home-shelf .create-dash .huoke-spotlight__glow,
html body.page-tab-agent.h5-shelf-mirror .create-dash .huoke-spotlight__mesh,
html body.page-tab-agent.h5-shelf-mirror .create-dash .huoke-spotlight__glow {
    opacity: 0 !important;
    visibility: hidden !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-section,
html body.page-tab-agent.h5-shelf-mirror .cd-search-section {
    --cd-search-muted: var(--as-secondary);
    margin-bottom: var(--as-section-gap, 20px) !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-box,
html body.page-tab-agent.h5-shelf-mirror .cd-search-box {
    background: var(--as-row-bg) !important;
    border: 0.5px solid var(--as-border) !important;
    border-radius: var(--as-radius-pill, 12px) !important;
    box-shadow: var(--as-card-shadow) !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-icon,
html body.page-tab-agent.h5-shelf-mirror .cd-search-icon {
    color: var(--as-secondary) !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-input,
html body.page-tab-agent.h5-shelf-mirror .cd-search-input {
    color: var(--as-label) !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-input::placeholder,
html body.page-tab-agent.h5-shelf-mirror .cd-search-input::placeholder {
    color: var(--as-secondary) !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-clear,
html body.page-tab-agent.h5-shelf-mirror .cd-search-clear {
    color: var(--as-secondary) !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-results,
html body.page-tab-agent.h5-shelf-mirror .cd-search-results {
    background: var(--as-search-result-bg) !important;
    border: 0.5px solid var(--as-border) !important;
    box-shadow: var(--as-card-shadow) !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-item,
html body.page-tab-agent.h5-shelf-mirror .cd-search-item {
    color: var(--as-label) !important;
    align-items: center !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-item:active,
html body.page-tab-agent.h5-shelf-mirror .cd-search-item:active {
    background: var(--as-row-press) !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-item-name,
html body.page-tab-agent.h5-shelf-mirror .cd-search-item-name {
    color: var(--as-label) !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-item-desc,
html body.page-tab-agent.h5-shelf-mirror .cd-search-item-desc {
    display: none !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-item-info,
html body.page-tab-agent.h5-shelf-mirror .cd-search-item-info {
    min-width: 0 !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-empty,
html body.page-tab-agent.h5-shelf-mirror .cd-search-empty {
    color: var(--as-secondary) !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-empty__line,
html body.page-tab-agent.h5-shelf-mirror .cd-search-empty__line {
    color: var(--as-tertiary) !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-hit,
html body.page-tab-agent.h5-shelf-mirror .cd-search-hit {
    background: var(--as-search-hit-bg) !important;
    color: var(--as-search-hit-fg) !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-suggest,
html body.page-tab-agent.h5-shelf-mirror .cd-search-suggest {
    border-top-color: var(--as-sep) !important;
}

html body.page-tab-create.lh-home-shelf .cd-search-suggest__a,
html body.page-tab-agent.h5-shelf-mirror .cd-search-suggest__a {
    color: var(--as-label) !important;
    background: var(--as-icon-slot) !important;
    border: 0.5px solid var(--as-border) !important;
}

html body.page-tab-create.lh-home-shelf .cd-recent-title,
html body.page-tab-agent.h5-shelf-mirror .cd-recent-title {
    color: var(--as-label) !important;
}

html body.page-tab-create.lh-home-shelf .cd-recent-clear,
html body.page-tab-agent.h5-shelf-mirror .cd-recent-clear {
    color: var(--as-secondary) !important;
}

html body.page-tab-create.lh-home-shelf .cd-recent-item,
html body.page-tab-agent.h5-shelf-mirror .cd-recent-item {
    background: var(--as-row-bg) !important;
    border: 0.5px solid var(--as-border-soft) !important;
}

html body.page-tab-create.lh-home-shelf .cd-recent-item-name,
html body.page-tab-agent.h5-shelf-mirror .cd-recent-item-name {
    color: var(--as-tertiary) !important;
}

/* 创作 / 智能体货架页浅色底在深色外观下统一为页背景 */
html[data-h5-appearance='dark'] body.page-tab-create.lh-home-shelf,
html[data-h5-appearance='dark'] body.page-tab-create.lh-home-shelf .lh2-root,
html[data-h5-appearance='dark'] body.page-tab-create.lh-home-shelf .lh2-page,
html[data-h5-appearance='dark'] body.page-tab-create.lh-home-shelf .create-dash,
html[data-h5-appearance='dark'] body.page-tab-create.lh-home-shelf .app-container,
html[data-h5-appearance='dark'] body.page-tab-agent.h5-shelf-mirror,
html[data-h5-appearance='dark'] body.page-tab-agent.h5-shelf-mirror .lh2-root,
html[data-h5-appearance='dark'] body.page-tab-agent.h5-shelf-mirror .lh2-page,
html[data-h5-appearance='dark'] body.page-tab-agent.h5-shelf-mirror .create-dash,
html[data-h5-appearance='dark'] body.page-tab-agent.h5-shelf-mirror .app-container {
    background-color: var(--as-page-bg) !important;
    background-image: none !important;
}

/* ========== 智能体 Tab ========== */
html body.page-tab-agent .agent-page-wrapper {
    color: var(--as-label) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: var(--as-section-gap, 20px) !important;
    padding-top: 4px !important;
    padding-bottom: 8px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html body.page-tab-agent .agent-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html body.page-tab-agent .ag-header {
    background: var(--as-row-bg) !important;
    border: 0.5px solid var(--as-border) !important;
    border-radius: var(--as-radius-widget, 22px) !important;
    box-shadow: var(--as-card-shadow) !important;
    backdrop-filter: none !important;
    margin: 0 !important;
}

html body.page-tab-agent .ag-header__title {
    color: var(--as-label) !important;
    font-size: clamp(22px, 5.4vw, 28px) !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.12 !important;
}

html body.page-tab-agent .ag-header__sub {
    color: var(--as-secondary) !important;
}

html body.page-tab-agent .agent-section-title {
    color: var(--as-section-heading) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
}

html body.page-tab-agent .agent-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
    perspective: none !important;
    background: var(--as-group-bg) !important;
    border-radius: var(--as-radius-group, 14px) !important;
    overflow: hidden !important;
    border: 0.5px solid var(--as-border) !important;
    box-shadow: var(--as-card-shadow) !important;
}

html body.page-tab-agent .agent-card {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 12px !important;
    padding: 11px 12px !important;
    min-height: 56px !important;
    background: var(--as-row-bg) !important;
    border: none !important;
    border-bottom: 0.5px solid var(--as-sep) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform-style: flat !important;
    will-change: auto !important;
}

html body.page-tab-agent .agent-grid .agent-card:last-child {
    border-bottom: none !important;
}

html body.page-tab-agent a.agent-card,
html body.page-tab-agent a.agent-card:visited {
    color: var(--as-label) !important;
}

html body.page-tab-agent .agent-card:active {
    transform: none !important;
    opacity: 1 !important;
    background: var(--as-row-press) !important;
}

html body.page-tab-agent .agent-icon,
html body.page-tab-agent .agent-card--sheet .agent-card__sheet-thumb {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

html body.page-tab-agent .agent-icon i {
    font-size: 16px !important;
    color: var(--as-blue) !important;
}

html body.page-tab-agent .agent-icon--image {
    background: transparent !important;
}

html body.page-tab-agent .agent-icon--image img {
    width: 20px !important;
    height: 20px !important;
}

html body.page-tab-agent .agent-icon--svg {
    background: transparent !important;
}

html body.page-tab-agent .agent-icon--svg svg {
    width: 17px !important;
    height: 17px !important;
    color: var(--as-blue) !important;
}

html body.page-tab-agent .agent-grid a.agent-card .agent-icon:not(.agent-icon--image) {
    background: transparent !important;
    box-shadow: none !important;
}

html body.page-tab-agent .agent-card__sheet-thumb img {
    object-fit: cover !important;
}

html body.page-tab-agent .agent-info {
    flex: 1 1 auto !important;
    text-align: left !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 4px 0 0 !important;
}

html body.page-tab-agent .agent-name {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--as-label) !important;
    text-align: left !important;
    -webkit-line-clamp: 2 !important;
    letter-spacing: -0.02em !important;
}

html body.page-tab-agent .agent-desc {
    display: block !important;
    margin-top: 2px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--as-secondary) !important;
    text-align: left !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body.page-tab-agent .agent-card::after {
    content: '›';
    flex: 0 0 auto;
    font-size: 20px;
    font-weight: 300;
    color: var(--as-chevron);
    line-height: 1;
    margin-left: 4px;
}

html body.page-tab-agent .agent-tag.new {
    top: 8px !important;
    right: 28px !important;
}

/* ========== 我的 Tab ========== */
html body.page-tab-mine .mine-hero.mine-hero--account {
    background: var(--as-row-bg) !important;
    border: 0.5px solid var(--as-border) !important;
    border-radius: var(--as-radius-widget, 22px) !important;
    box-shadow: var(--as-card-shadow) !important;
    backdrop-filter: none !important;
}

/* 灵涵主壳：我的顶卡暖纸+微光，与创作/智能体同系 */
html body.page-tab-mine.lh-create-songyun .mine-hero.mine-hero--account {
    background: linear-gradient(168deg, #fffcf9 0%, #f4efe6 45%, #faf6f0 100%) !important;
    border: 1px solid rgba(30, 27, 24, 0.07) !important;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.05), 0 0 0 1px rgba(255, 255, 255, 0.5) inset !important;
}

html body.page-tab-mine .mine-hero-name,
html body.page-tab-mine .mine-hero-name--guest a {
    color: var(--as-label) !important;
}

html body.page-tab-mine .mine-hero-id,
html body.page-tab-mine .mine-hero-status,
html body.page-tab-mine .mine-hero-sub {
    color: var(--as-secondary) !important;
}

html body.page-tab-mine .mine-section-card {
    background: var(--as-row-bg) !important;
    border: 0.5px solid var(--as-border) !important;
    border-radius: var(--as-radius-group, 14px) !important;
    box-shadow: var(--as-card-shadow) !important;
    backdrop-filter: none !important;
}

html body.page-tab-mine .mine-page-zoom {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--as-section-gap, 20px) !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 4px !important;
}

html body.page-tab-mine .mine-section-card__title {
    color: var(--as-label) !important;
}

html body.page-tab-mine .mine-section-card__hint,
html body.page-tab-mine .mine-section-card__lead {
    color: var(--as-secondary) !important;
}

html body.page-tab-mine .mine-func-grid--compact {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
    border-radius: var(--as-radius-group, 14px) !important;
    overflow: hidden !important;
    border: 0.5px solid var(--as-border-soft) !important;
}

html body.page-tab-mine .mine-func-grid--compact .mine-func-item {
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 0.5px solid var(--as-sep) !important;
    box-shadow: none !important;
    background: var(--as-row-bg) !important;
    min-height: 54px !important;
}

html body.page-tab-mine .mine-func-grid--compact .mine-func-item:last-child {
    border-bottom: none !important;
}

html body.page-tab-mine .mine-func-grid--compact .mine-func-item:active {
    transform: none !important;
    background: var(--as-row-press) !important;
}

html body.page-tab-mine .mine-func-label {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: var(--as-label) !important;
}

/* 「我的」快捷入口：与创作工作台一致 — 莫兰迪渐变方标 + 白色线标 */
html body.page-tab-mine .mine-func-bench {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body.page-tab-mine .mine-func-bench .mine-func-bench-ico.cd-bench-ico {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 17px !important;
    color: #fff !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.07) !important;
}

html body.page-tab-mine .mine-func-bench .mine-func-bench-ico.cd-bench-ico svg {
    width: 19px !important;
    height: 19px !important;
    flex-shrink: 0 !important;
    color: #fff !important;
    stroke: #fff !important;
}

html body.page-tab-mine .mine-func-grid--compact .mine-func-bench .mine-func-bench-ico.cd-bench-ico {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
}

html body.page-tab-mine .mine-func-grid--compact .mine-func-bench .mine-func-bench-ico.cd-bench-ico svg {
    width: 18px !important;
    height: 18px !important;
}

html body.page-tab-mine .mine-func-grid--compact .mine-func-item::after {
    content: '›';
    margin-left: auto;
    font-size: 20px;
    font-weight: 300;
    color: var(--as-chevron);
    padding-right: 4px;
}

/* 「我的」记录与工具：列表标统一靛青渐变，避免后台多色映射在窄列表里显脏、与底栏系统蓝抢戏 */
html body.page-tab-mine .mine-func-grid--compact .mine-func-bench .cd-bench-ico {
    background: linear-gradient(148deg, #3d5d8c 0%, #1e3a5f 50%, #152a45 100%) !important;
    box-shadow: 0 2px 10px rgba(30, 58, 95, 0.22) !important;
}

html body.page-tab-mine .mine-redeem-input {
    background: var(--as-icon-slot) !important;
    border-color: var(--as-border) !important;
    color: var(--as-label) !important;
}

html body.page-tab-mine .mine-wx-plan-card:not(.is-selected):not(:disabled) {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    color: #0f172a !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04) !important;
}
html body.page-tab-mine .mine-wx-plan-card.is-selected:not(:disabled) {
    background: #eef4ff !important;
    border: 1px solid rgba(47, 91, 255, 0.3) !important;
    box-shadow: 0 10px 24px rgba(29, 79, 255, 0.1) !important;
    color: #0f172a !important;
}
html body.page-tab-mine .mine-wx-plan-card .mine-wx-yuan {
    color: #1d4fff !important;
}

html body.page-tab-mine .mine-benefits-list li {
    color: var(--as-tertiary) !important;
}

/* ==================== 分组标题样式 ==================== */
.cd-shelf-group-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px 0;
    padding: 0 4px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--as-label);
}

.cd-shelf-group-title__icon {
    font-size: 15px;
    color: var(--as-blue);
    opacity: 0.9;
}

.cd-shelf-group-title__text {
    position: relative;
}

html[data-theme='dark'] .cd-shelf-group-title {
    color: var(--as-label);
}

html[data-theme='dark'] .cd-shelf-group-title__icon {
    color: var(--as-tint-soft);
}

/* ==================== 灵涵获客外链：白底列表风，与宫格托盘一致 ==================== */
.cd-panel--huoke {
    margin: 12px 0 0;
    padding: 0;
}

.huoke-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: var(--as-row-bg, #ffffff);
    border-radius: 16px;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    border: 0.5px solid var(--as-border, rgba(60, 60, 67, 0.18));
    box-shadow: var(--as-card-shadow, 0 2px 14px rgba(0, 0, 0, 0.06));
}

.huoke-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08);
}

.huoke-card:active {
    transform: translateY(0);
}

.huoke-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: rgba(0, 122, 255, 0.12);
    background: color-mix(in srgb, var(--as-blue, #007aff) 12%, transparent);
    border-radius: 12px;
    flex-shrink: 0;
}

.huoke-card__icon i {
    font-size: 19px;
    color: var(--as-blue, #007aff);
}

.huoke-card__body {
    flex: 1;
    min-width: 0;
}

.huoke-card__title {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--as-label, #0f172a);
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.huoke-card__desc {
    margin: 3px 0 0 0;
    font-size: 12px;
    color: var(--as-secondary, rgba(60, 60, 67, 0.6));
    line-height: 1.35;
}

.huoke-card__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 0;
    background: transparent;
    border-radius: 0;
    flex-shrink: 0;
}

.huoke-card__arrow i {
    font-size: 14px;
    color: var(--as-chevron, #c7c7cc);
}

/* 深色模式获客卡片 */
html[data-theme='dark'] .huoke-card,
html[data-h5-appearance='dark'] .huoke-card {
    background: var(--as-row-bg, #1c1c1e);
    border-color: var(--as-border, rgba(84, 84, 88, 0.55));
    box-shadow: none;
}

html[data-theme='dark'] .huoke-card:hover,
html[data-h5-appearance='dark'] .huoke-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

html[data-theme='dark'] .huoke-card__icon,
html[data-h5-appearance='dark'] .huoke-card__icon {
    background: rgba(10, 132, 255, 0.18);
    background: color-mix(in srgb, var(--as-blue, #0a84ff) 18%, transparent);
}

html[data-theme='dark'] .huoke-card__icon i,
html[data-h5-appearance='dark'] .huoke-card__icon i {
    color: var(--as-blue, #0a84ff);
}

html[data-theme='dark'] .huoke-card__title,
html[data-h5-appearance='dark'] .huoke-card__title {
    color: var(--as-label, #fff);
}

html[data-theme='dark'] .huoke-card__desc,
html[data-h5-appearance='dark'] .huoke-card__desc {
    color: var(--as-secondary, rgba(235, 235, 245, 0.6));
}

html[data-theme='dark'] .huoke-card__arrow i,
html[data-h5-appearance='dark'] .huoke-card__arrow i {
    color: var(--as-chevron, rgba(235, 235, 245, 0.28));
}

/* 减弱动效 */
@media (prefers-reduced-motion: reduce) {
    .huoke-card {
        transition: none;
    }
    .huoke-card:hover {
        transform: none;
    }
}

/* ==================== 智能体页 Hero 标签 ==================== */
.cd-hero-banner--agent .cd-hero-banner__title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 4px;
}

.cd-hero-banner--agent .cd-hero-banner__slogan {
    font-size: 13px;
    font-weight: 500;
    color: var(--as-secondary);
    margin-bottom: 10px;
}

.cd-hero-banner__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.cd-hero-tag {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    background: var(--as-blue);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 16px;
    letter-spacing: 0.02em;
}

.cd-hero-tag:nth-child(2) {
    background: #f59e0b;
}

.cd-hero-tag:nth-child(3) {
    background: #10b981;
}

.cd-hero-tag:nth-child(4) {
    background: #8b5cf6;
}

html[data-h5-appearance='dark'] .cd-hero-tag {
    opacity: 0.9;
}

/* ==================== 一行三个网格布局 ==================== */
.cd-appstore-shelf--grid3 {
    padding: 0;
}

.cd-appstore-group--grid3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    padding: 0 !important;
}

.cd-appstore-cell {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 16px 8px 12px !important;
    background: var(--as-card-bg, #fff) !important;
    border-radius: 16px !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

.cd-appstore-cell:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.cd-appstore-cell:active {
    transform: translateY(0) !important;
}

/* 网格卡片内的图标 */
.card--poster--grid3 .cd-poster__art {
    --icon-bg: #0ea5e9;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    margin: 0 0 12px !important;
    border-radius: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.card--poster--grid3 .cd-poster__art:not(.cd-poster__art--pack-icon) {
    background: var(--icon-bg) !important;
}

/* 网格卡片图标色调 */
.card--poster--grid3.cd-poster-tone-cyan .cd-poster__art:not(.cd-poster__art--pack-icon) {
    --icon-bg: #0ea5e9;
}
.card--poster--grid3.cd-poster-tone-mint .cd-poster__art:not(.cd-poster__art--pack-icon) {
    --icon-bg: #10b981;
}
.card--poster--grid3.cd-poster-tone-violet .cd-poster__art:not(.cd-poster__art--pack-icon) {
    --icon-bg: #8b5cf6;
}
.card--poster--grid3.cd-poster-tone-amber .cd-poster__art:not(.cd-poster__art--pack-icon) {
    --icon-bg: #f59e0b;
}
.card--poster--grid3.cd-poster-tone-rose .cd-poster__art:not(.cd-poster__art--pack-icon) {
    --icon-bg: #f43f5e;
}
.card--poster--grid3.cd-poster-tone-slate .cd-poster__art:not(.cd-poster__art--pack-icon) {
    --icon-bg: #64748b;
}

/* 网格卡片内的图标样式 */
.card--poster--grid3 .cd-poster__ico--list {
    font-size: 22px !important;
    color: #fff !important;
}

.card--poster--grid3 .cd-poster__art img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 15px !important;
}

.card--poster--grid3 .cd-poster__art .cd-poster__pack-img {
    object-fit: contain !important;
}

/* 网格卡片标题区 */
.cd-poster__head--grid3 {
    text-align: center !important;
    width: 100% !important;
}

.cd-poster__head--grid3 .cd-poster__title {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--as-primary, #1e293b) !important;
    line-height: 1.3 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 即将上线占位：与其它宫格同结构，仅弱化文案与禁用交互 */
.cd-appstore-cell--coming {
    cursor: default !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

.cd-appstore-cell--coming:hover {
    transform: none !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

.cd-poster__art--coming {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    margin: 0 0 12px !important;
    border-radius: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    /* 与 list-icon 一致，不用虚线框以免显小、显脏 */
    background: var(--as-muted, #e2e8f0) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
}

.cd-poster__art--coming i.cd-poster__ico--coming,
.cd-poster__art--coming .cd-poster__ico--coming {
    font-size: 22px !important;
    line-height: 1 !important;
    /* 与 .cd-poster__ico--list 白字区分：默认灰底用深灰图标；玻璃皮肤再覆为白 */
    color: #475569 !important;
    opacity: 1 !important;
    filter: none !important;
}

html body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--grid3.cd-appstore-shelf--grid3-glass .cd-poster__ico--coming.cd-poster__ico--list,
html body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--grid3.cd-appstore-shelf--grid3-glass .cd-poster__ico--coming.cd-poster__ico--list,
html body.page-tab-agent.h5-shelf-mirror .create-dash #agentToolsRoot .cd-appstore-shelf--grid3 .cd-poster__ico--coming.cd-poster__ico--list {
    color: rgba(255, 255, 255, 0.96) !important;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15)) !important;
}

.cd-poster__title--coming {
    color: var(--as-secondary, #94a3b8) !important;
    font-weight: 500 !important;
}

/* 深色模式 - 网格布局 */
html[data-h5-appearance='dark'] .cd-appstore-cell {
    background: var(--as-card-bg, #1e293b) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
}

html[data-h5-appearance='dark'] .cd-appstore-cell:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

html[data-h5-appearance='dark'] .cd-poster__art--coming {
    background: var(--as-muted, #334155) !important;
    border-color: transparent !important;
}

html[data-h5-appearance='dark'] .cd-poster__art--coming i.cd-poster__ico--coming {
    color: #cbd5e1 !important;
}

html[data-h5-appearance='dark'] body.page-tab-create.lh-home-shelf .create-dash .cd-appstore-shelf--grid3.cd-appstore-shelf--grid3-glass .cd-poster__ico--coming.cd-poster__ico--list,
html[data-h5-appearance='dark'] body.page-tab-agent.h5-shelf-mirror .create-dash .cd-appstore-shelf--grid3.cd-appstore-shelf--grid3-glass .cd-poster__ico--coming.cd-poster__ico--list,
html[data-h5-appearance='dark'] body.page-tab-agent.h5-shelf-mirror .create-dash #agentToolsRoot .cd-appstore-shelf--grid3 .cd-poster__ico--coming.cd-poster__ico--list {
    color: rgba(255, 255, 255, 0.94) !important;
}

/* ═══ 灵涵速推 · 奶白+浅青（body.lh-create-songyun，token 以 index.php :root 为准）═══ */
html:has(body.lh-create-songyun) {
    background: var(--as-page-bg, #F3F6FB) !important;
    background-color: var(--as-page-bg, #F3F6FB) !important;
    background-image: none !important;
}

html body.page-tab-create.lh-home-shelf.lh-create-songyun,
html body.page-tab-agent.h5-shelf-mirror.lh-create-songyun,
html body.page-tab-template.lh-create-songyun,
html body.page-tab-mine.lh-create-songyun {
    --as-label: #111827;
    --as-secondary: #6b7280;
    --as-tertiary: rgba(55, 65, 81, 0.88);
    /* 靛青主色，偏工具/店招感 */
    --as-blue: #1e3a5f;
    --as-chevron: #d1d5db;
    --as-page-bg: #F3F6FB;
    --as-row-bg: #FFFFFF;
    --as-group-bg: #FFFFFF;
    --as-icon-slot: #E8EDF8;
    --as-border: rgba(15, 23, 42, 0.08);
    --as-border-soft: rgba(15, 23, 42, 0.05);
    --as-sep: rgba(15, 23, 42, 0.07);
    --as-tab-muted: #94a3b8;
    --as-tab-bar-bg: rgba(255, 255, 255, 0.94);
    --as-tab-bar-elev: none;
    --as-card-shadow: 0 8px 28px rgba(15, 23, 42, 0.05), 0 0 0 1px rgba(15, 23, 42, 0.035);
    --as-section-heading: var(--as-primary, #111827);
    --as-hero-pill-bg: rgba(30, 58, 95, 0.08);
    --as-hero-pill-border: rgba(30, 58, 95, 0.2);
    --as-hero-pill-text: var(--as-blue, #1e3a5f);
    --as-search-result-bg: rgba(255, 255, 255, 0.96);
}

/* 底栏取消 backdrop blur，避免 WebKit/Windows 下整页或文字发虚（AI 助理页无 lh-create-songyun 也须生效） */
html body.page-tab-assistant .tab-bar {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: #ffffff !important;
}

/* 松韵浅色壳：创作/智能体/模板/我的 同上 */
html body.page-tab-create.lh-home-shelf.lh-create-songyun .tab-bar,
html body.page-tab-agent.h5-shelf-mirror.lh-create-songyun .tab-bar,
html body.page-tab-assistant.lh-create-songyun .tab-bar,
html body.page-tab-template.lh-create-songyun .tab-bar,
html body.page-tab-mine.lh-create-songyun .tab-bar {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body.page-tab-create.lh-home-shelf.lh-create-songyun .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:active .cd-poster__art,
html body.page-tab-agent.h5-shelf-mirror.lh-create-songyun .create-dash .cd-appstore-shelf--ios-icons .cd-appstore-row:active .cd-poster__art {
    box-shadow:
        0 2px 10px rgba(30, 58, 95, 0.2),
        0 0 0 1px rgba(30, 58, 95, 0.22) inset !important;
}