/* 平板和电脑：整条导航栏固定顶部 + 毛玻璃 */
@media screen and (min-width: 768px) {
    :root {
        --od-desktop-header-height: 72px;
    }

    body {
        padding-top: var(--od-desktop-header-height) !important;
    }

    body > .wrapper > header.header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9990 !important;
        background: rgba(255, 255, 255, 0.62) !important;
        backdrop-filter: blur(16px) saturate(160%);
        -webkit-backdrop-filter: blur(16px) saturate(160%);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
    }

    body.admin-bar {
        padding-top: calc(var(--od-desktop-header-height) + 32px) !important;
    }

    body.admin-bar > .wrapper > header.header {
        top: 32px !important;
    }
}

/* 手机：网站 logo 固定顶部，导航栏正常随页面滚动 */
@media screen and (max-width: 767px) {
    :root {
        --od-mobile-title-height: 60px;
        --od-mobile-nav-height: 52px;
    }

    body {
        padding-top: var(--od-mobile-title-height) !important;
    }

    body > .wrapper {
        overflow: visible !important;
    }

    body > .wrapper > header.header {
        position: relative !important;
        top: auto !important;
        z-index: 9990 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.admin-bar {
        padding-top: calc(var(--od-mobile-title-height) + 46px) !important;
    }

    body.admin-bar > .wrapper > header.header {
        top: auto !important;
    }

    body > .wrapper > header.header .header-top[data-show-on="mobile"] {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: var(--od-mobile-title-height) !important;
        min-height: var(--od-mobile-title-height) !important;
        max-height: var(--od-mobile-title-height) !important;
        overflow: hidden !important;
        z-index: 9991 !important;
        background: rgba(255, 255, 255, 0.72) !important;
        backdrop-filter: blur(16px) saturate(160%);
        -webkit-backdrop-filter: blur(16px) saturate(160%);
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    body.admin-bar > .wrapper > header.header .header-top[data-show-on="mobile"] {
        top: 46px !important;
    }

    body > .wrapper > header.header .header-top[data-show-on="mobile"] .site-title {
        display: block !important;
    }

    body > .wrapper > header.header .header-main[data-show-on="mobile"] {
        position: relative !important;
        min-height: var(--od-mobile-nav-height);
        z-index: 2 !important;
        background: rgba(255, 255, 255, 0.62) !important;
        backdrop-filter: blur(16px) saturate(160%);
        -webkit-backdrop-filter: blur(16px) saturate(160%);
        border-top: 0 !important;
        box-shadow: none !important;
    }

    body > .wrapper > header.header .header-top[data-show-on="mobile"],
    body > .wrapper > header.header .header-top[data-show-on="mobile"] .header--row-inner,
    body > .wrapper > header.header .header-main[data-show-on="mobile"],
    body > .wrapper > header.header .header-main[data-show-on="mobile"] .header--row-inner {
        border-top: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }
}

/* 通用：把 Neve 内层背景打透明，否则毛玻璃会被白底挡住 */
body > .wrapper > header.header #header-grid,
body > .wrapper > header.header .header--row,
body > .wrapper > header.header .header--row-inner,
body > .wrapper > header.header .container,
body > .wrapper > header.header .row--wrapper {
    background: transparent !important;
}

body > .wrapper > header.header .header--row::before,
body > .wrapper > header.header .header--row-inner::before {
    background: transparent !important;
    opacity: 0 !important;
}

/* 首页手机版排版优化 */
@media screen and (max-width: 767px) {
    body.home.elementor-page-30,
    body.home.elementor-page-30 .elementor-30 {
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }

    body.home.elementor-page-30 {
        overflow-x: hidden !important;
    }

    /* 修复“欢迎”被 Neve row 负边距挤出屏幕 */
    body.home.elementor-page-30 .neve-main > .container.single-page-container,
    body.home.elementor-page-30 .neve-main .nv-single-page-wrap,
    body.home.elementor-page-30 .elementor-30 {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.home.elementor-page-30 .neve-main > .container.single-page-container > .row {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.home.elementor-page-30 .nv-page-title-wrap {
        margin: 28px 0 16px !important;
        padding: 0 20px !important;
    }

    body.home.elementor-page-30 .nv-page-title h1 {
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: 32px !important;
        line-height: 1.15 !important;
        text-align: left !important;
    }

    body.home.elementor-page-30 .elementor-30 .elementor-element-601377c {
        display: none !important;
    }

    /* 五个作品区块：手机满宽、直角、背景图保留 */
    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-bf4ac5e,
        .elementor-element-ffec209,
        .elementor-element-3d0e020,
        .elementor-element-4440b5ea,
        .elementor-element-58a5a2f
    ) {
        width: 100vw !important;
        max-width: 100vw !important;
        min-height: 360px !important;
        margin: 12px calc(50% - 50vw) !important;
        padding: 0 !important;
        left: auto !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        background-size: cover !important;
        background-position: center center !important;
    }

    body.home.elementor-page-30 .elementor-30 .elementor-element-58a5a2f {
        min-height: 390px !important;
    }

    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-bf4ac5e,
        .elementor-element-ffec209,
        .elementor-element-3d0e020,
        .elementor-element-4440b5ea,
        .elementor-element-58a5a2f
    ) > .elementor-background-overlay {
        opacity: 0.72 !important;
        border-radius: 0 !important;
        background: linear-gradient(90deg, rgba(0,0,0,0.82), rgba(0,0,0,0.48)) !important;
    }

    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-bf4ac5e,
        .elementor-element-ffec209,
        .elementor-element-3d0e020,
        .elementor-element-4440b5ea,
        .elementor-element-58a5a2f
    ) > .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 360px !important;
        padding: 28px 24px !important;
        align-items: center !important;
    }

    body.home.elementor-page-30 .elementor-30 .elementor-element-58a5a2f > .elementor-container {
        min-height: 390px !important;
    }

    /* 隐藏作品卡片里的重复图片列 */
    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-ba589bf,
        .elementor-element-980b5bc,
        .elementor-element-513543d,
        .elementor-element-78039d2
    ) {
        display: none !important;
    }

    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-214c3d0,
        .elementor-element-344c22d,
        .elementor-element-e60721b,
        .elementor-element-5a6196ff,
        .elementor-element-a4ee3a6
    ) {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-214c3d0,
        .elementor-element-344c22d,
        .elementor-element-e60721b,
        .elementor-element-5a6196ff,
        .elementor-element-a4ee3a6
    ) > .elementor-widget-wrap {
        padding: 0 !important;
        align-content: center !important;
        align-items: flex-start !important;
    }

    /* 作品标题 */
    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-c04614b,
        .elementor-element-f9b6edb,
        .elementor-element-9f83508,
        .elementor-element-7122e06a,
        .elementor-element-a42690b
    ) .elementor-heading-title {
        font-size: 30px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        color: #fff !important;
        text-shadow: 0 2px 10px rgba(0,0,0,0.55) !important;
    }

    body.home.elementor-page-30 .elementor-30 .elementor-heading-title a {
        color: inherit !important;
    }

    /* 介绍文字 */
    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-74fa952,
        .elementor-element-98b7da6,
        .elementor-element-042b2cf,
        .elementor-element-4b216254,
        .elementor-element-29135e5
    ) > .elementor-widget-container {
        margin: 14px 0 0 !important;
        padding: 0 !important;
    }

    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-74fa952,
        .elementor-element-98b7da6,
        .elementor-element-042b2cf,
        .elementor-element-4b216254,
        .elementor-element-29135e5
    ) .elementor-heading-title {
        font-size: 13px !important;
        line-height: 1.55 !important;
        font-weight: 500 !important;
        color: #fff !important;
        text-shadow: 0 1px 8px rgba(0,0,0,0.55) !important;
    }

    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-74fa952,
        .elementor-element-98b7da6,
        .elementor-element-042b2cf,
        .elementor-element-4b216254,
        .elementor-element-29135e5
    ) .elementor-heading-title p {
        font-size: 16px !important;
        line-height: 2 !important;
        margin: 0 !important;
        font-weight: 500 !important;
    }

    /* 按钮 */
    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-322f530,
        .elementor-element-0e9d08a,
        .elementor-element-bd03024,
        .elementor-element-fd3aa87,
        .elementor-element-59b6fda
    ) {
        margin-top: 18px !important;
    }

    body.home.elementor-page-30 .elementor-30 .elementor-button {
        padding: 9px 16px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        color: #fff !important;
        background: rgba(255,255,255,0.12) !important;
        border: 1px solid rgba(255,255,255,0.72) !important;
    }

    /* 恢复底部旧图片链接区，特别是 xiongpaigame */
    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-70a8b16,
        .elementor-element-1c38bf9
    ) {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 12px !important;
        left: auto !important;
        overflow: visible !important;
    }

    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-70a8b16,
        .elementor-element-1c38bf9
    ) > .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
        flex-direction: column !important;
    }

    body.home.elementor-page-30 .elementor-30 .elementor-element-6f0ad39,
    body.home.elementor-page-30 .elementor-30 .elementor-element-70a8b16 .elementor-column {
        display: flex !important;
        width: 100% !important;
    }

    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-70a8b16,
        .elementor-element-1c38bf9
    ) a,
    body.home.elementor-page-30 .elementor-30 .elementor-element:is(
        .elementor-element-70a8b16,
        .elementor-element-1c38bf9
    ) img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
}