/**
 * mobile-first.css — 移动端优先样式重写
 * 规则: 最大屏幕优先，渐进增强移动端。
 * 断点:
 *   900px  — 平板
 *   760px  — 大手机 / 横屏
 *   640px  — 手机
 *   480px  — 小屏手机
 *   375px  — iPhone SE / 超小屏
 *
 * 加载顺序 (确保最后加载，覆盖所有 !important):
 *   layui.css → layui-news.css → home-nav-refresh.css → home-hero-rewrite.css → mobile-first.css
 */

/* ============================================================
   1. 基础容器与页面背景 (手机最紧凑)
   ============================================================ */
@media (max-width: 900px) {
    body {
        background: #eff4fa !important;
        font-size: 14px !important;
    }

    .news-shell {
        padding-bottom: 80px !important; /* 底部悬浮 CTA 占位 */
    }

    .news-container {
        width: calc(100% - 16px) !important;
        max-width: none !important;
    }

    /* 整体内边距收紧 */
    .news-main {
        padding: 10px 0 20px !important;
    }

    /* 面板内边距统一收紧 */
    .news-panel,
    .news-section,
    .news-topic-hero,
    .news-article-header,
    .news-article-body,
    .news-aside-card,
    .news-promo,
    .news-ticker {
        padding: 14px !important;
    }
}

/* ============================================================
   2. 顶栏：品牌 + 导航 (手机精简)
   ============================================================ */
@media (max-width: 900px) {
    .news-topbar {
        border-bottom: 1px solid rgba(214, 225, 235, 0.92) !important;
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: none !important;
    }

    .news-header {
        min-height: auto !important;
        padding: 12px 0 6px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    .news-brand-row {
        flex-wrap: nowrap !important;
        gap: 10px !important;
    }

    .news-brand {
        flex: 0 0 auto !important;
    }

    .news-brand-mark {
        width: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
    }

    .news-brand-copy strong {
        font-size: 22px !important;
        line-height: 1 !important;
    }

    .news-brand-copy span {
        display: none !important;
    }

    /* 导航栏: 横向滚动单行 */
    .home-nav-shell {
        width: 100% !important;
        padding: 0 !important;
    }

    .home-nav {
        min-height: 46px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
        gap: 0 !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
    }

    .home-nav::-webkit-scrollbar {
        display: none !important;
    }

    .home-nav__item {
        position: static !important;
        flex: 0 0 auto !important;
    }

    .home-nav__link {
        min-height: 46px !important;
        min-width: auto !important;
        padding: 0 14px !important;
    }

    .home-nav__label strong {
        font-size: 15px !important;
        line-height: 1 !important;
    }

    /* 下拉面板: 全屏固定 */
    .home-nav__panel {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 90px !important;
        bottom: 0 !important;
        min-width: auto !important;
        max-width: none !important;
        padding: 16px !important;
        border-radius: 0 !important;
        overflow-y: auto !important;
        max-height: calc(100vh - 90px) !important;
        z-index: 1100 !important;
        box-shadow: 0 20px 60px rgba(10, 20, 34, 0.18) !important;
    }

    .home-nav__panel-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .home-nav__hero {
        grid-column: 1 !important;
    }

    .home-nav__hero strong {
        font-size: 28px !important;
    }

    .home-nav__section-title {
        font-size: 16px !important;
    }

    .home-nav__panel-link {
        font-size: 15px !important;
        min-height: 40px !important;
        padding: 4px 0 !important;
    }

    /* 二级导航条 (channel-nav) */
    .channel-nav-shell {
        width: 100% !important;
    }

    .news-site-nav {
        padding: 6px 0 0 !important;
        gap: 6px !important;
    }

    .news-site-link {
        min-height: 28px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
    }

    .news-primary-nav {
        padding-bottom: 2px !important;
        gap: 16px !important;
    }

    .news-primary-link {
        min-height: 38px !important;
        font-size: 13px !important;
    }
}

/* ============================================================
   3. 首页英雄区 (轮播 + 快讯): 手机全宽紧凑
   ============================================================ */
@media (max-width: 900px) {
    .home-top {
        margin: 0 !important;
    }

    .home-top__lead {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    /* 轮播卡: 全宽，高度随屏幕 */
    .home-top__carousel-card {
        height: 300px !important;
        border-radius: 14px !important;
        box-shadow: none !important;
    }

    /* 快讯栏: 横向单卡滚动 */
    .home-top__flash {
        min-height: auto !important;
        height: auto !important;
        padding: 12px !important;
        border-radius: 14px !important;
    }

    .home-top__flash-head {
        margin-bottom: 10px !important;
    }

    .home-top__flash-badge {
        font-size: 12px !important;
        padding: 4px 10px !important;
    }

    .home-top__flash-list {
        grid-template-rows: none !important;
        grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
        gap: 10px !important;
        height: auto !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .home-top__flash-list::-webkit-scrollbar {
        display: none !important;
    }

    .home-top__flash-item {
        min-height: 120px !important;
        padding: 12px !important;
        grid-template-columns: 24px minmax(0, 1fr) !important;
        gap: 10px !important;
        border-radius: 12px !important;
        align-content: start !important;
    }

    .home-top__flash-index {
        width: 24px !important;
        height: 24px !important;
        font-size: 11px !important;
    }

    .home-top__flash-title {
        font-size: 14px !important;
        -webkit-line-clamp: 3 !important;
        line-height: 1.4 !important;
    }

    .home-top__flash-time {
        font-size: 11px !important;
    }

    /* 轮播内容: 文字缩小 */
    .home-top__slide-copy {
        padding: 14px 14px 12px !important;
    }

    .home-top__slide-title {
        font-size: 18px !important;
        -webkit-line-clamp: 2 !important;
        margin: 0 !important;
    }

    .home-top__slide-summary {
        display: none !important;
    }

    .home-top__slide-action {
        display: none !important;
    }

    /* 轮播指示器: 缩小 */
    .home-top__carousel .layui-carousel-arrow {
        width: 32px !important;
        height: 32px !important;
        line-height: 32px !important;
        margin-top: -16px !important;
        font-size: 16px !important;
        opacity: 0.7 !important;
    }

    .home-top__carousel .layui-carousel-ind li {
        width: 6px !important;
        height: 6px !important;
        margin: 0 2px !important;
    }

    .home-top__carousel .layui-carousel-ind li.layui-this {
        width: 14px !important;
    }

    /* CTA 覆盖层: 按钮缩小 */
    .home-top__slide-cta {
        right: 12px !important;
        bottom: 12px !important;
    }

    .home-top__slide-cta-btn {
        padding: 7px 12px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 640px) {
    .home-top__carousel-card {
        height: 260px !important;
    }

    .home-top__slide-copy {
        padding: 12px 12px 10px !important;
    }

    .home-top__slide-title {
        font-size: 16px !important;
    }
}

@media (max-width: 480px) {
    .home-top__carousel-card {
        height: 220px !important;
        border-radius: 12px !important;
    }

    .home-top__slide-copy {
        padding: 10px 10px 8px !important;
    }

    .home-top__slide-title {
        font-size: 15px !important;
    }
}

/* ============================================================
   4. 核心栏目 / 快捷入口: 隐藏标题说明，只留卡片
   ============================================================ */
@media (max-width: 900px) {
    .home-shortcut-band {
        /* 收起标题区域，只留网格 */
        padding-bottom: 10px !important;
    }

    .home-shortcut-band .news-section-head {
        margin-bottom: 10px !important;
    }

    .home-shortcut-band .news-section-kicker,
    .home-shortcut-band .news-section-title,
    .home-shortcut-band .news-section-copy {
        display: none !important;
    }

    .home-shortcut-band .news-shortcut-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .home-shortcut-band .news-shortcut-card {
        min-height: 90px !important;
        padding: 12px !important;
        border-radius: 12px !important;
    }

    .home-shortcut-band .news-shortcut-card__eyebrow {
        font-size: 10px !important;
        min-height: 18px !important;
        padding: 0 7px !important;
    }

    .home-shortcut-band .news-shortcut-card strong {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    .home-shortcut-band .news-shortcut-card span:last-child {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .home-shortcut-band .news-shortcut-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .home-shortcut-band .news-shortcut-card {
        min-height: 80px !important;
        padding: 10px !important;
    }

    .home-shortcut-band .news-shortcut-card strong {
        font-size: 13px !important;
    }
}

/* ============================================================
   5. 今日要点 / 信号面板: 折叠标题，卡片单列
   ============================================================ */
@media (max-width: 900px) {
    .home-signal-panel {
        padding-bottom: 10px !important;
    }

    .home-signal-panel .news-section-head {
        margin-bottom: 10px !important;
    }

    /* 标题区缩小 */
    .home-signal-panel .news-section-kicker {
        font-size: 11px !important;
    }

    .home-signal-panel .news-section-title,
    .home-signal-panel .news-section-copy {
        display: none !important;
    }

    /* 统计数字: 2x2 网格 */
    .home-signal-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 10px !important;
    }

    .home-signal-stat {
        min-height: 80px !important;
        padding: 10px 12px !important;
        border-radius: 12px !important;
    }

    .home-signal-stat__label {
        font-size: 11px !important;
    }

    .home-signal-stat__value {
        font-size: 24px !important;
    }

    .home-signal-stat__note {
        font-size: 11px !important;
        display: none !important;
    }

    /* 信号线: 单列卡片 */
    .home-signal-lines {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .home-signal-line {
        padding: 14px !important;
        border-radius: 12px !important;
    }

    .home-signal-line__label {
        font-size: 11px !important;
        margin-bottom: 6px !important;
    }

    .home-signal-line__head strong {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .home-signal-line__summary,
    .home-signal-line__excerpt {
        font-size: 12px !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-signal-line__meta {
        gap: 6px !important;
    }

    .home-signal-line__meta span {
        min-height: 24px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 480px) {
    .home-signal-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .home-signal-stat {
        min-height: 70px !important;
        padding: 8px 10px !important;
    }

    .home-signal-stat__value {
        font-size: 20px !important;
    }
}

/* ============================================================
   6. 重点栏目 (desk-grid): 2列变1列，收紧内边距
   ============================================================ */
@media (max-width: 900px) {
    .home-desk-board .news-section-head {
        margin-bottom: 10px !important;
    }

    .home-desk-board .news-section-kicker {
        font-size: 11px !important;
    }

    .home-desk-board .news-section-title,
    .home-desk-board .news-section-copy {
        display: none !important;
    }

    .home-desk-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .home-desk-card {
        padding: 14px !important;
        border-radius: 12px !important;
    }

    .home-desk-card h3 {
        font-size: 16px !important;
        margin-top: 8px !important;
    }

    .home-desk-card__kicker {
        font-size: 10px !important;
        min-height: 20px !important;
        padding: 0 7px !important;
    }

    .home-desk-card__summary {
        font-size: 12px !important;
        margin-top: 8px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-desk-card__watch {
        gap: 6px !important;
        margin-top: 10px !important;
    }

    .home-desk-card__watch span {
        min-height: 24px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
    }

    .home-desk-card__lead {
        margin-top: 12px !important;
        padding: 12px !important;
        border-radius: 12px !important;
    }

    .home-desk-card__lead strong {
        font-size: 14px !important;
    }

    .home-desk-card__lead span {
        font-size: 12px !important;
        display: none !important;
    }

    .home-desk-card__list {
        gap: 8px !important;
        margin-top: 10px !important;
    }

    .home-desk-card__list strong {
        font-size: 13px !important;
    }

    .home-desk-card__more {
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .home-desk-card {
        padding: 12px !important;
    }

    .home-desk-card h3 {
        font-size: 15px !important;
    }
}

/* ============================================================
   7. 持续追踪 / 主题药丸: 横向滚动
   ============================================================ */
@media (max-width: 900px) {
    .news-panel.news-section:has(.news-topic-strip) .news-section-head {
        margin-bottom: 10px !important;
    }

    .news-panel.news-section:has(.news-topic-strip) .news-section-kicker {
        font-size: 11px !important;
    }

    .news-panel.news-section:has(.news-topic-strip) .news-section-title,
    .news-panel.news-section:has(.news-topic-strip) .news-section-copy {
        display: none !important;
    }

    .news-topic-strip {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
        gap: 10px !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .news-topic-strip::-webkit-scrollbar {
        display: none !important;
    }

    .news-topic-pill {
        min-height: 90px !important;
        padding: 12px !important;
        border-radius: 12px !important;
    }

    .news-topic-pill strong {
        font-size: 14px !important;
    }

    .news-topic-pill span {
        font-size: 12px !important;
        -webkit-line-clamp: 2 !important;
    }
}

@media (max-width: 480px) {
    .news-topic-strip {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    }
}

/* ============================================================
   8. 文章列表 (list-grid): 手机单列，图片缩小
   ============================================================ */
@media (max-width: 900px) {
    /* 列表网格: 改为单列 */
    .news-list-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    /* 列表卡片: 横向布局(左图右文)在小屏下改为纵向 */
    .news-list-card {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto 1fr !important;
        min-height: auto !important;
        border-radius: 12px !important;
    }

    /* 图片: 高度缩小，撑满宽度 */
    .news-list-card .news-list-media {
        width: 100% !important;
        min-height: 180px !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(215, 227, 239, 0.92) !important;
    }

    .news-list-card .news-list-media img {
        width: 100% !important;
        height: 100% !important;
    }

    /* 卡片正文 */
    .news-list-card .news-card-body {
        padding: 12px 14px !important;
        min-height: auto !important;
        gap: 8px !important;
        grid-template-rows: auto auto 1fr auto !important;
    }

    .news-list-card .news-card-meta {
        gap: 8px !important;
    }

    .news-list-card .news-card-meta .news-badge {
        min-height: 22px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
    }

    .news-list-card .news-card-meta > span,
    .news-list-card .news-card-meta > time {
        font-size: 11px !important;
    }

    .news-list-card .news-card-title {
        font-size: 15px !important;
        line-height: 1.4 !important;
        -webkit-line-clamp: 2 !important;
    }

    .news-list-card .news-card-summary {
        font-size: 12px !important;
        -webkit-line-clamp: 2 !important;
        display: none !important; /* 隐藏摘要，节省空间 */
    }

    .news-list-card .news-link-row {
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .news-list-card .news-list-media {
        min-height: 60px !important;
        max-height: 80px !important;
    }

    .news-list-card .news-card-title {
        font-size: 14px !important;
        -webkit-line-clamp: 2 !important;
        line-height: 1.4 !important;
    }

    .news-list-card .news-card-summary {
        font-size: 12px !important;
        -webkit-line-clamp: 2 !important;
        line-height: 1.5 !important;
    }

    .news-list-card .news-card-meta time {
        font-size: 11px !important;
    }
}

/* ============================================================
   9. 分页: 手机极简模式
   ============================================================ */
@media (max-width: 900px) {
    .news-pagination {
        margin-top: 20px !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }

    .news-page-meta {
        display: none !important;
    }

    .news-page-btn:not(.is-nav):not(.is-active):not(.is-gap) {
        display: none !important;
    }

    .news-page-btn.is-gap {
        display: none !important;
    }

    .news-page-mobile-state {
        display: inline-flex !important;
        min-height: 36px !important;
        font-size: 13px !important;
    }

    .news-page-btn.is-nav {
        min-width: 80px !important;
        height: 36px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
        flex: 0 0 auto !important;
    }

    .news-page-jump {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .news-page-btn.is-nav {
        min-width: 70px !important;
        font-size: 12px !important;
    }
}

/* ============================================================
   10. 侧边栏 (sidebar): 手机隐藏或折叠
   ============================================================ */
@media (max-width: 900px) {
    /* 首页: sidebar 在 grid 变单列后直接不渲染 */
    .news-grid-home {
        grid-template-columns: 1fr !important;
    }

    .news-sidebar-home {
        display: none !important; /* 手机端完全隐藏侧边栏 */
    }

    /* 文章页: 同理 */
    .news-grid {
        grid-template-columns: 1fr !important;
    }

    .news-sidebar {
        display: none !important;
    }
}

/* ============================================================
   11. 移动端底部悬浮 CTA (已存在，重写确保生效)
   ============================================================ */
@media (max-width: 900px) {
    .home-mobile-float-cta,
    .mobile-float-cta {
        display: flex !important;
    }

    /* 让主体内容不被 CTA 完全遮挡 */
    .news-shell {
        padding-bottom: 72px !important;
    }
}

@media (max-width: 480px) {
    .home-mobile-float-cta,
    .mobile-float-cta {
        padding: 10px 12px !important;
    }

    .home-mobile-float-cta__btn,
    .mobile-float-cta__btn {
        padding: 11px 0 !important;
        font-size: 14px !important;
    }
}

/* ============================================================
   12. 页脚 (footer): 手机单列
   ============================================================ */
@media (max-width: 900px) {
    .news-footer__inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 14px 0 !important;
    }

    .news-footer__brand strong {
        font-size: 14px !important;
    }

    .news-footer__brand span {
        font-size: 12px !important;
    }

    .news-footer__links {
        gap: 10px !important;
    }

    .news-footer__links a {
        font-size: 12px !important;
    }
}

/* ============================================================
   13. 文章详情页: 手机精简
   ============================================================ */
@media (max-width: 900px) {
    /* 面包屑 */
    .news-crumbs {
        font-size: 12px !important;
        gap: 6px !important;
    }

    /* 文章头部 */
    .news-article-lead {
        margin-top: 12px !important;
    }

    .news-article-title {
        font-size: 22px !important;
        line-height: 1.35 !important;
        margin-top: 10px !important;
    }

    .news-article-summary {
        font-size: 14px !important;
        line-height: 1.7 !important;
        margin-top: 8px !important;
    }

    .news-card-meta {
        gap: 6px !important;
        flex-wrap: wrap !important;
    }

    .news-badge {
        min-height: 22px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
    }

    /* 封面图 */
    .news-article-cover-shell {
        margin-top: 14px !important;
    }

    .news-article-cover {
        aspect-ratio: 16 / 9 !important;
        border-radius: 12px !important;
    }

    /* 正文 */
    .news-prose {
        font-size: 15px !important;
        line-height: 1.85 !important;
        gap: 14px !important;
    }

    .news-prose section {
        padding: 14px !important;
        border-radius: 14px !important;
    }

    .news-prose h2 {
        font-size: 20px !important;
        margin-bottom: 12px !important;
    }

    /* 封面图 CTA 横幅 */
    .article-top-cta {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 12px !important;
        gap: 10px !important;
    }

    .article-top-cta__btns {
        width: 100% !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .article-top-cta__btn {
        text-align: center !important;
        padding: 10px !important;
        font-size: 14px !important;
    }

    /* 底部 CTA */
    .inline-cta-card {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 16px !important;
        gap: 12px !important;
    }

    .inline-cta-actions {
        width: 100% !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .inline-cta-btn {
        text-align: center !important;
        width: 100% !important;
        padding: 12px !important;
    }

    /* 元数据面板 (已下线) */

    /* 相关阅读 */
    .news-related-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .news-related-card {
        border-radius: 12px !important;
    }

    .news-card-media {
        aspect-ratio: 16 / 9 !important;
    }

    .news-card-copy {
        padding: 12px !important;
    }

    .news-card-title {
        font-size: 15px !important;
    }

    .news-card-summary {
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .news-article-title {
        font-size: 19px !important;
    }

    .news-article-summary {
        font-size: 13px !important;
    }

    .news-prose {
        font-size: 14px !important;
    }

    .news-prose h2 {
        font-size: 18px !important;
    }
}


/* ============================================================
   15. 其他页面 (info-page, markets)
   ============================================================ */
@media (max-width: 900px) {
    .news-grid {
        grid-template-columns: 1fr !important;
    }

    .news-sidebar {
        display: none !important;
    }

    .news-panel {
        border-radius: 12px !important;
        padding: 14px !important;
    }

    .news-section-head {
        margin-bottom: 10px !important;
    }

    .news-section-title {
        font-size: 18px !important;
    }

    .news-section-copy {
        font-size: 12px !important;
        margin-top: 4px !important;
    }
}

/* ============================================================
   16. 超小屏兜底 (375px 以下)
   ============================================================ */
@media (max-width: 375px) {
    body {
        font-size: 13px !important;
    }

    .news-container {
        width: calc(100% - 12px) !important;
    }

    .news-brand-copy strong {
        font-size: 20px !important;
    }

    .home-nav__label strong {
        font-size: 14px !important;
    }

    .home-top__carousel-card {
        height: 200px !important;
    }

    .news-list-card .news-list-media {
        min-height: 140px !important;
    }

    .news-article-title {
        font-size: 17px !important;
    }

    .news-prose {
        font-size: 14px !important;
    }

    .news-prose section {
        padding: 12px !important;
    }

    .news-prose h2 {
        font-size: 17px !important;
    }
}

/* ============================================================
   17. 消除一切动画和过渡 (手机省电 + 性能)
   ============================================================ */
@media (max-width: 900px) {
    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }

    /* 明确保留 hover 效果但不动画 */
    .news-list-card:hover,
    .home-shortcut-card:hover,
    .home-signal-line:hover {
        transform: none !important;
        box-shadow: none !important;
    }
}