/**
 * 移动端优化样式
 * 铁律：绝对不影响电脑端（所有样式都在 @media 内）
 */

/* PC端隐藏移动端专用元素 */
.book-cover-title-mobile,
.shopify-mobile-bg,
.wordpress-mobile-bg,
.selfdeveloped-mobile-bg,
.wordpress-why-dots,
.selfdeveloped-why-dots,
.platform-work-mobile {
    display: none;
}

/* ==================== 移动端专用样式 (max-width: 767px) ==================== */
@media (max-width: 767px) {
    
    /* 显示移动端专用标题 */
    .book-cover-title-mobile {
        display: block !important;
    }
    
    /* 隐藏首页Hero区代码图 */
    .home-hero__code-bg--mobile,
    .home-hero__code-bg--desktop {
        display: none !important;
    }
    
    /* Hero区标题断行控制 - 移动端3行 */
    .home-hero__title .br-desktop {
        display: none !important;
    }
    .home-hero__title .br-mobile {
        display: inline !important;
    }
    
    /* Hero区玻璃板居中 */
    .home-hero__image-wrapper {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        padding: 0 24px !important;
    }
    
    .home-hero__image-container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px 16px !important;
        box-sizing: border-box !important;
    }
    
    .home-hero__image,
    .home-hero__image--fg-container {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* 修复banner图尺寸 - 覆盖[class*='hero']的min-width规则 */
    .home-hero__image-container img {
        width: auto !important;
        /* min-width: 100% !important; */
        height: 100% !important;
    }
    
    .home-hero__image-link {
        display: block !important;
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        text-align: center !important;
        font-size: 14px !important;
        padding: 12px 20px !important;
        margin: 16px 0 0 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
    }
    
    /* 强制防止横向滚动 */
    html,
    html, body {
        overflow-x: hidden !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    body > * {
        max-width: 100% !important;
    }
    
    /* 所有元素强制不超出 */
    * {
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* 容器留白 */
    .container,
    [class*="__container"],
    main > section > div {
        width: 100%;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 0;
        margin-right: 0;
    }
    
    /* Hero区容器 - 无边距（neutrl风格）*/
    .home-hero,
    .home-hero__wrapper {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* 字体大小 */
    h1 {
        font-size: 32px;
        line-height: 1.15;
    }
    
    /* Hero区标题 - 3-4行显示 */
    .home-hero__title {
        font-size: 37px !important;
        line-height: 1.1 !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 120px 12px 0 12px !important;
        margin: 0 !important;
        letter-spacing: -0.01em !important;
    }
    
    /* 移动端减弱米黄色遮罩，让渐变颜色更鲜艳 */
    .gr-48__overlay {
        opacity: 0.5 !important;
    }
    
    /* 轮播区域 - 和标题左对齐 */
    .home-hero__cta,
    .dc {
        margin-top: 40px !important;
        margin-left: 12px !important;
        margin-right: auto !important;
    }
    
    /* 隐藏桌面端Logo轮播 */
    .home-hero__brands--desktop {
        display: none !important;
    }
    
    /* Hero区Logo轮播 - 完全复制桌面端样式 */
    .home-hero__brands--mobile {
        display: flex !important;
        overflow: hidden !important;
    }
    
    .home-hero__brands--mobile .home-hero__brands-track {
        display: inline-flex !important;
        gap: 28px !important;
        flex-shrink: 0 !important;
        width: auto !important;
        min-width: max-content !important;
        animation: hero-marquee 10s linear infinite !important;
    }
    
    /* 单个logo强制样式 */
    div.home-hero__brands--mobile img.home-hero__brand {
        display: inline-block !important;
        flex-shrink: 0 !important;
        height: 32px !important;
        width: auto !important;
        max-width: none !important;
        min-width: auto !important;
    }
    
    /* About区域 - 紧贴Hero区 */
    .home-about {
        margin-top: 0 !important;
    }
    
    /* Benefits区域 - 紧凑布局 */
    .home-benefits {
        margin-top: 0 !important;
        padding: 0 16px !important;
    }
    
    .home-benefits__grid {
        gap: 0 !important;
    }
    
    .home-benefits__card {
        gap: 0 !important;
        padding: 8px !important;
    }
    
    .home-benefits__card-content {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .home-benefits__card-label,
    .home-benefits__card-text {
        margin: 0 !important;
    }
    
    /* Work区域 - 紧贴Benefits区，取消滚动，静态展示4个 */
    .home-work {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    div.home-work__gallery--desktop {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* 只显示第一行 */
    .home-work__row:nth-child(2) {
        display: none !important;
    }
    
    .home-work__row {
        display: block !important;
        overflow: visible !important;
    }
    
    /* 隐藏第二个track（aria-hidden） */
    .home-work__track[aria-hidden="true"] {
        display: none !important;
    }
    
    .home-work__track {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        animation: none !important;
        padding: 0 !important;
    }
    
    .home-work__item {
        width: 100% !important;
        flex-shrink: 0 !important;
    }
    
    .home-work__item {
        width: 100% !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .home-work__image {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    
    /* "See more work" 链接样式 */
    .home-work__link {
        color: #5C2E1F !important;  /* 深棕红色 */
        text-decoration: underline !important;
    }
    
    /* Results区域 - 紧凑布局 */
    .home-results {
        padding-top: 0 !important;
        padding-bottom: 40px !important;
    }
    
    .home-results__title {
        margin-bottom: 16px !important;
        font-size: 28px !important;
    }
    
    .home-results__card-content {
        padding: 16px 16px 0 !important;
    }
    
    .home-results__card-title {
        margin-bottom: 4px !important;
        font-size: 14px !important;
    }
    
    .home-results__card-text {
        font-size: 12px !important;
    }
    
    .home-results__card-illustration {
        min-height: 80px !important;
        padding: 0 12px !important;
    }
    
    /* Process区域 - 和Results区间距40px */
    .home-process {
        padding-top: 40px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .home-process__header {
        padding: 0 !important;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }
    
    h2.home-process__title {
        font-size: 44px !important;
        line-height: 1.15 !important;
        padding: 0 !important;
        margin: 0 !important;
        letter-spacing: -0.01em !important;
    }
    
    .home-process__title .br-mobile {
        display: inline !important;
    }
    
    /* 第1、3个step（Discover、Develop）- 强制左对齐 */
    .home-process__step:nth-child(1) .home-process__step-body,
    .home-process__step:nth-child(3) .home-process__step-body,
    .home-process__step:nth-child(1) .home-process__step-list,
    .home-process__step:nth-child(3) .home-process__step-list {
        align-items: flex-start !important;
        text-align: left !important;
    }
    
    /* 第2、4个step（Design、Launch）- 强制右对齐 */
    .home-process__step:nth-child(2) .home-process__step-body,
    .home-process__step:nth-child(4) .home-process__step-body,
    .home-process__step:nth-child(2) .home-process__step-list,
    .home-process__step:nth-child(4) .home-process__step-list {
        align-items: flex-end !important;
        text-align: right !important;
    }
    
    .home-process__step:nth-child(2) .home-process__step-item,
    .home-process__step:nth-child(4) .home-process__step-item {
        text-align: right !important;
    }
    
    /* Testimonials区域 - 紧凑布局，保留4个（2短2长） */
    .testimonials {
        padding-top: 0 !important;
        padding-bottom: 40px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    .testimonials__header {
        margin-bottom: 16px !important;
        padding: 0 !important;
    }
    
    .testimonials__badge {
        font-size: 11px !important;
        margin-bottom: 8px !important;
    }
    
    .testimonials__title {
        font-size: 28px !important;
        line-height: 1.2 !important;
        margin: 0 !important;
    }
    
    .testimonials__grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    
    /* 隐藏第4、6、7个（Rachel、Nathan、Tara） */
    .testimonials__grid > .testimonials__card:nth-child(4),
    .testimonials__grid > .testimonials__card:nth-child(6),
    .testimonials__grid > .testimonials__card:nth-child(7) {
        display: none !important;
    }
    
    /* 强制统一所有卡片样式 */
    .testimonials__grid > article.testimonials__card {
        padding: 12px !important;
        padding-bottom: 10px !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* 4个不同的浅色渐变背景 */
    .testimonials__grid > .testimonials__card:nth-child(1) {
        background: linear-gradient(135deg, #FFF5F5 0%, #FFE8E8 100%) !important;
    }
    
    .testimonials__grid > .testimonials__card:nth-child(2) {
        background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%) !important;
    }
    
    .testimonials__grid > .testimonials__card:nth-child(3) {
        background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%) !important;
    }
    
    .testimonials__grid > .testimonials__card:nth-child(5) {
        background: linear-gradient(135deg, #FEF9F3 0%, #FEF3C7 100%) !important;
    }
    
    .testimonials__card-text {
        font-size: 13px !important;
        line-height: 1.5 !important;
        margin: 0 0 12px 0 !important;
        padding: 0 !important;
        flex: 1 !important;
    }
    
    .testimonials__card-footer {
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
        margin-top: auto !important;
    }
    
    .testimonials__card-avatar {
        width: 28px !important;
        height: 28px !important;
    }
    
    .testimonials__card-name,
    .testimonials__card-role {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
    }
    
    /* Callout区域 - 满屏贴边 */
    section.callout {
        margin-top: -20px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Footer区域 - 移动端优化 */
    footer.footer {
        margin-top: 0 !important;
        padding: 20px 0 !important;
    }
    
    .footer > .footer__container {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin: 0 !important;
    }
    
    .footer__top {
        flex-direction: column !important;
        gap: 24px !important;
    }
    
    .footer__brand {
        width: 100% !important;
    }
    
    .footer__nav {
        flex-direction: column !important;
        gap: 20px !important;
        width: 100% !important;
    }
    
    .footer__nav-column {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .footer__nav-column.is-social-media {
        padding-left: 0 !important;
        padding-right: 16px !important;
        margin-bottom: 20px !important;
    }
    
    .footer__nav-column.is-social-media .footer__nav-list {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    ul.footer__nav-list {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        list-style: none !important;
    }
    
    .footer__bottom {
        padding-top: 16px !important;
        font-size: 12px !important;
    }
    
    .callout__wrapper {
        padding: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
    
    .callout__content {
        border-radius: 0 !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    @keyframes hero-marquee-mobile {
        0% { transform: translateX(0); }
        100% { transform: translateX(-100%); }
    }
    
    @keyframes hero-marquee {
        0% { transform: translateX(0); }
        100% { transform: translateX(-100%); }
    }
    
    h2 {
        font-size: 28px;
        line-height: 1.3;
    }
    
    h3 {
        font-size: 22px;
        line-height: 1.4;
    }
    
    p, li, td {
        font-size: 16px;
        line-height: 1.6;
    }
    
    /* 按钮触摸目标 */
    button,
    .btn,
    a[class*="cta"],
    input[type="submit"] {
        min-height: 44px;
        padding: 12px 24px;
    }
    
    /* 输入框 */
    input,
    textarea,
    select {
        min-height: 48px;
        padding: 12px 16px;
        font-size: 16px; /* 防止iOS自动缩放 */
    }
    
    textarea {
        min-height: 120px;
    }
    
    /* 图片强制自适应 */
    img {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block;
    }
    
    /* 视频强制自适应 */
    video {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block;
    }
    
    /* Hero 背景视频特殊处理 */
    [class*="hero"] video {
        object-fit: cover;
    }
    
    /* 固定宽度元素强制100% */
    [style*="width"],
    [style*="min-width"] {
        width: 100% !important;
        min-width: 0 !important;
    }
    
    /* 但保留icon和SVG的原始宽度 */
    svg,
    [class*="icon"],
    [class*="__icon"],
    img[width] {
        width: auto;
        max-width: 100%;
    }
    
    /* 文字强制换行 */
    h1, h2, h3, h4, h5, h6, p, li, td, th, span, a, div {
        word-wrap: break-word;
        overflow-wrap: break-word;
        word-break: break-word;
    }
    
    /* 表格横向滚动 */
    table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    /* Section间距 */
    section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    /* 卡片单列显示 */
    [class*="__card"],
    .card {
        width: 100%;
        margin-bottom: 24px;
    }
    
    /* Grid 改为单列 */
    [class*="__grid"] {
        display: block !important;
        width: 100%;
        grid-template-columns: 1fr !important;
    }
    
    [class*="__grid"] > * {
        width: 100%;
        max-width: 100%;
        margin-bottom: 24px;
        float: none;
    }
    
    /* Flex 容器也改为单列 */
    [style*="display: flex"],
    [style*="display:flex"] {
        flex-direction: column;
        width: 100%;
    }
    
    [style*="display: flex"] > *,
    [style*="display:flex"] > * {
        width: 100%;
        max-width: 100%;
    }
    
    /* 桌面导航隐藏 */
    .nav--desktop,
    .nav__menu {
        display: none;
    }
    
    /* ========== NEUTRL 风格移动导航 ========== */
    
    /* 导航容器 - neutrl风格深色背景 */
    .nav--mobile {
        position: fixed;
        top: 12px;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 32px);
        max-width: 420px;
        z-index: 999;
        background: rgba(88, 78, 72, 0.95);  /* neutrl棕灰色 */
        backdrop-filter: blur(24px);
        -webkit-backdrop-filter: blur(24px);
        border-radius: 20px;
        padding: 14px 20px;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    
    /* 展开时增加底部圆角 */
    .nav--mobile.is-open {
        border-radius: 26px;
        overflow: visible;
    }
    
    /* 导航头部 */
    .nav__mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 40px;
    }
    
    /* Logo - neutrl风格白色 */
    .nav--mobile .nav__mobile-header img,
    .nav--mobile .nav__mobile-header a img {
        height: 36px;
        width: auto;
        filter: brightness(0) invert(1);
        opacity: 0.95;
    }
    
    /* 汉堡菜单按钮 */
    #mobile-menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        padding: 8px;
        cursor: pointer;
    }
    
    /* 汉堡图标 - 白色 */
    #mobile-menu-toggle svg path {
        stroke: #fff !important;
        stroke-width: 2;
    }
    
    /* 关闭图标 */
    .close-icon {
        display: none;
    }
    
    .nav--mobile.is-open .close-icon {
        display: block;
    }
    
    .nav--mobile.is-open .hamburger-icon {
        display: none;
    }
    
    /* 移动菜单 - 向下展开（neutrl风格）*/
    .nav__mobile-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }
    
    .nav--mobile.is-open .nav__mobile-menu {
        max-height: calc(100dvh - 40px);
        overflow-y: auto;
        overflow-x: visible;
    }
    
    /* 菜单内容 */
    .nav__mobile-menu-inner {
        padding-top: 20px;
        padding-bottom: 12px;
    }
    
    /* 菜单列表 */
    .nav__mobile-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .nav__mobile-item {
        margin-bottom: 0;
    }
    
    /* 菜单链接样式在 header.php 内联CSS中定义（优先级最高） */
    
    /* 子菜单箭头 */
    .nav__mobile-arrow {
        transition: transform 0.3s ease;
    }
    
    .nav__mobile-item--has-children.is-open .nav__mobile-arrow {
        transform: rotate(180deg);
    }
    
    /* 子菜单 */
    .nav__mobile-submenu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1) 0.12s;
    }
    
    .nav__mobile-item--has-children.is-open > .nav__mobile-submenu {
        max-height: 300px;
        transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1) 0s;
    }
    
    .nav__mobile-submenu-inner {
        list-style: none;
        margin: 0;
        padding: 8px 0 12px 0;
        background: rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        margin-top: 8px;
    }
    
    .nav__mobile-submenu .nav__mobile-item {
        border-bottom: none;
        margin: 0;
    }
    
    /* 子菜单链接样式在 header.php 内联CSS中定义 */
    
    /* 底部操作区 - neutrl风格 */
    .nav__mobile-actions {
        margin-top: 16px;
        padding-top: 12px;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
    }
    
    /* Get Started 按钮 - neutrl白色按钮 */
    .nav__mobile-cta {
        display: block;
        width: 100%;
        padding: 12px 24px;
        background: #fff;
        color: #000;
        text-align: center;
        font-size: 15px;
        font-weight: 600;
        border-radius: 9999px;
        text-decoration: none;
        margin-bottom: 12px;
        transition: background 0.2s ease;
    }
    
    .nav__mobile-cta:hover {
        background: rgba(255, 255, 255, 0.9);
    }
    
    /* WhatsApp 链接 - neutrl风格 */
    .nav__mobile-whatsapp {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: rgba(255, 255, 255, 0.7);
        font-size: 15px;
        text-decoration: none;
        padding: 8px;
        transition: color 0.2s ease;
    }
    
    .nav__mobile-whatsapp:hover {
        color: #fff;
    }
    
    .nav__mobile-whatsapp svg {
        width: 20px;
        height: 20px;
    }

    .nav__lang-switcher--mobile .nav__lang-switcher-panel {
        position: static;
        top: auto;
        left: 0;
        right: 0;
        width: 100%;
        min-width: 0;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none;
        background: rgba(0, 0, 0, 0.15);
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        pointer-events: none;
        transition:
            max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1) 0.12s,
            opacity 0.25s ease 0.12s,
            margin-top 0.35s cubic-bezier(0.16, 1, 0.3, 1) 0.12s,
            padding-top 0.35s ease 0.12s,
            padding-bottom 0.35s ease 0.12s,
            visibility 0s linear 0.47s;
    }

    .nav__lang-switcher--mobile.is-open .nav__lang-switcher-panel {
        max-height: 320px;
        opacity: 1;
        margin-top: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
        visibility: visible;
        pointer-events: auto;
        transition:
            max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1) 0s,
            opacity 0.25s ease 0s,
            margin-top 0.35s cubic-bezier(0.16, 1, 0.3, 1) 0s,
            padding-top 0.35s ease 0s,
            padding-bottom 0.35s ease 0s,
            visibility 0s linear 0s;
    }
    
    /* 隐藏桌面元素 */
    .desktop-only {
        display: none;
    }
    
    /* 联系表单 */
    .contact-form__row {
        display: block;
    }
    
    .contact-form__field {
        width: 100%;
        margin-bottom: 16px;
    }
    
    .contact-form__submit {
        width: 100%;
    }
    
    /* Footer */
    footer [class*="grid"] {
        display: block;
    }
    
    footer [class*="grid"] > * {
        width: 100%;
        margin-bottom: 24px;
    } 
    
    /* Hero 区域特殊修复 */
    [class*="hero"] {
        width: 100%;
        max-width: 100%;
        /* overflow: hidden; */
    }
    
    [class*="hero"] > * {
        max-width: 100%;
        min-width: 0 !important;
    }
    
    /* 修复 home-hero__image-container 横向滚动 */
    .home-hero__image-wrapper,
    .home-hero__image-container, services-hero__card--code {
        width: 100%;
        max-width: 100%;
        overflow: hidden !important;  /* 覆盖 overflow: visible */
        margin: 0;
        padding: 0;
    }
    
    .home-hero__image-container img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    
    /* 修复 100vw 导致的横向滚动 */
    .home-hero__gradient,
    [class*="gradient"],
    [style*="100vw"] {
        width: 100% !important;  /* 替换 100vw */
        max-width: 100% !important;
    }
    
    /* Work 展示区域 */
    [class*="work"] {
        width: 100%;
        overflow: hidden;
    }
    
    /* 价格表格 - 限制只针对特定容器，不影响内部元素 */
    .pricing-table[class*="pricing"],
    .pricing-container[class*="pricing"] {
        width: 100%;
        overflow-x: auto;
    }
    
    /* 圆形画廊 */
    [class*="circle-gallery"] {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    /* Canvas元素（PRISM动画） */
    canvas {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    
    /* Work页面案例 - 改为单图垂直排列 */
    .work-grid-scroll {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        padding: 0 16px !important;
        grid-template-columns: none !important;
    }

    .work-card-scroll {
        width: 100% !important;
        margin: 0 !important;
    }

    .work-card-scroll__window {
        height: 240px !important;
        overflow: hidden !important;
        cursor: pointer !important;
        border-radius: 8px !important;
    }

    .work-card-scroll__img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        object-fit: cover !important;
        object-position: top !important;
        pointer-events: none !important;
    }
    
    /* 全屏查看器 */
    .work-lightbox {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.95);
        z-index: 9999;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .work-lightbox.active {
        display: block;
    }
    
    .work-lightbox__content {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
    
    .work-lightbox__img {
        width: 100%;
        height: auto;
        display: block;
    }
    
    .work-lightbox__close {
        position: fixed;
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        border: none;
        color: white;
        font-size: 24px;
        cursor: pointer;
        z-index: 10000;
    }
    
    /* Experience行业图标区域 - 轮播滚动 */
    section.services-hero .services-hero__experience {
        padding: 24px 0 0 0 !important;
        margin-top: 20px !important;
        margin-bottom: 40px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: hidden !important;
    }

    .services-hero__experience-inner {
        display: block !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .services-hero__experience-title {
        font-size: 18px !important;
        text-align: center !important;
        margin-bottom: 40px !important;
        color: #333 !important;
        font-weight: 500 !important;
        padding: 0 16px !important;
    }

    ul.services-hero__experience-list {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        gap: 40px !important;
        width: auto !important;
        min-width: max-content !important;
        list-style: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: -20px 0 0 0 !important;
        padding: 0 !important;
        animation: scroll-experience 25s linear infinite !important;
    }
    
    @keyframes scroll-experience {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-50%);
        }
    }

    .services-hero__experience-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
        color: #666 !important;
        visibility: visible !important;
        flex-shrink: 0 !important;
        width: 90px !important;
    }

    .services-hero__experience-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        height: 36px !important;
    }

    .services-hero__experience-icon svg {
        width: 32px;
        height: 32px;
        display: block !important;
    }

    .services-hero__experience-text {
        font-size: 11px !important;
        text-align: center !important;
        line-height: 1.3 !important;
        display: block !important;
        color: #666 !important;
        white-space: normal !important;
        overflow: visible !important;
        max-width: 90px !important;
        word-break: break-word !important;
    }
    
    /* 隐藏多行文字的行业图标 */
    .services-hero__experience-item:nth-child(7),
    .services-hero__experience-item:nth-child(9),
    .services-hero__experience-item:nth-child(10),
    .services-hero__experience-item:nth-child(11),
    .services-hero__experience-item:nth-child(12) {
        display: none !important;
    }
    
    /* 视觉触达页面Hero区域间距调整 */
    section.services-hero {
        padding-bottom: 24px !important;
    }
    
    /* Book封面标题（从封面提取，放在Experience后） */
    .book-cover-title-mobile {
        padding: 0 16px 0 16px !important;
        text-align: left !important;
    }
    
    .book-cover-title-mobile__badge {
        font-size: 11px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.15em !important;
        color: #8B4513 !important;
        display: block !important;
        margin-bottom: 16px !important;
        font-weight: 600 !important;
    }
    
    .book-cover-title-mobile__title {
        font-size: 38px !important;
        line-height: 1.15 !important;
        font-weight: 400 !important;
    }
    
    .book-cover-title-mobile__title em {
        font-style: italic !important;
        font-family: "Fraunces", serif !important;
    }
    
    /* Book区域 - 重写为简洁滑动画廊（含文字，卡片样式） */
    .book-section {
        display: none !important;
    }
    
    /* 隐藏原Book的控制按钮 */
    .book__controls {
        display: none !important;
    }
    
    .book-gallery-mobile {
        padding: 0 0 60px 0;
        position: relative;
    }
    
    .book-gallery-mobile__track {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 16px !important;
        padding: 0 16px 40px 16px !important;
        scrollbar-width: none !important;
    }
    
    .book-gallery-mobile__track::-webkit-scrollbar {
        display: none !important;
    }
    
    /* 圆点指示器 */
    .book-gallery-mobile__dots {
        display: flex !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 0 !important;
    }
    
    .book-gallery-mobile__dot {
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
        background: #D4A373 !important;
        opacity: 0.3 !important;
        transition: opacity 0.3s !important;
    }
    
    .book-gallery-mobile__dot.active {
        opacity: 1 !important;
        background: #8B4513 !important;
    }
    
    .book-gallery-mobile__item {
        flex: 0 0 calc(100% - 32px) !important;
        scroll-snap-align: center !important;
        background: #fff !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
        overflow: hidden !important;
    }
    
    .book-gallery-mobile__img {
        width: 100% !important;
        height: 250px !important;
        object-fit: cover !important;
        display: block !important;
    }
    
    .book-gallery-mobile__text {
        padding: 24px !important;
    }
    
    .book-gallery-mobile__tag {
        font-size: 11px !important;
        color: #8B4513 !important;
        margin-bottom: 12px !important;
        display: block !important;
        text-transform: uppercase !important;
        letter-spacing: 0.1em !important;
        font-weight: 600 !important;
    }
    
    .book-gallery-mobile__title {
        font-size: 20px !important;
        line-height: 1.3 !important;
        margin-bottom: 12px !important;
        font-weight: 600 !important;
    }
    
    .book-gallery-mobile__desc {
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: #666 !important;
        margin-bottom: 20px !important;
    }
    
    .book-gallery-mobile__stats {
        display: flex !important;
        gap: 20px !important;
        padding-top: 16px !important;
        border-top: 1px solid #eee !important;
    }
    
    .book-gallery-mobile__stats .book__stat {
        flex: 1 !important;
    }
    
    .book-gallery-mobile__stats .book__stat-val {
        display: block !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        margin-bottom: 4px !important;
    }
    
    .book-gallery-mobile__stats .book__stat-label {
        font-size: 11px !important;
        color: #999 !important;
    }
    
    /* Platforms板块优化 */
    .services-platforms.vc-platforms-v2 {
        padding-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .vc-platforms-v2 .vc-platforms__container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .vc-platforms-v2 .vc-platforms__header {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .services-platforms .vc-platforms__badge {
        font-size: 11px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.15em !important;
        color: #8B4513 !important;
        font-weight: 600 !important;
        text-align: left !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
        margin-bottom: 16px !important;
        margin-top: -48px !important;
    }
    
    section.vc-platforms-v2 .vc-platforms__title {
        font-size: 38px !important;
        line-height: 1.15 !important;
        font-weight: 400 !important;
        text-align: left !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
        margin-bottom: 24px !important;
        padding-bottom: 0 !important;
    }
    
    .services-platforms .vc-platforms__title em,
    .services-platforms .vc-platforms__title-em {
        font-style: italic !important;
        font-family: "Fraunces", serif !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* Platforms卡片区域左右边距 */
    section.vc-platforms-v2 .vc-platforms__grid {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
        width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
        gap: 2px !important;
        margin-bottom: 20px !important;
    }
    
    section.vc-platforms-v2 .vc-platforms__item {
        min-height: 40px !important;
        height: auto !important;
        padding: 8px 12px !important;
        margin: 0 !important;
    }
    
    section.vc-platforms-v2 .vc-platforms__icon {
        width: 20px !important;
        height: 20px !important;
    }
    
    section.vc-platforms-v2 .vc-platforms__icon img {
        width: 20px !important;
        height: 20px !important;
    }
    
    section.vc-platforms-v2 .vc-platforms__name {
        font-size: 13px !important;
    }
    
    section.vc-platforms-v2 .vc-platforms__row-label {
        margin-left: 16px !important;
        margin-bottom: 12px !important;
    }
    
    /* CTA按钮在移动端隐藏（保留Callout板块） */
    .services-page .vc-platforms__cta-block {
        display: none !important;
    }
    
    /* Advantage板块调整 */
    .services-advantage {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    
    .services-advantage__slider {
        margin-top: -40px !important;
        padding-top: 40px !important;
        padding-bottom: 24px !important;
    }
    
    .services-advantage__title {
        padding-left: 16px !important;
        padding-right: 16px !important;
        font-size: 38px !important;
    }
    
    /* Advantage卡片改为横向滑动 */
    .services-advantage__slides {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 16px !important;
        padding: 0 16px !important;
        scrollbar-width: none !important;
    }
    
    .services-advantage__slides::-webkit-scrollbar {
        display: none !important;
    }
    
    .services-advantage__slide {
        flex: 0 0 calc(100% - 32px) !important;
        scroll-snap-align: center !important;
        min-width: calc(100% - 32px) !important;
    }
    
    .services-advantage__slide .adv-color-block {
        width: 100% !important;
        height: auto !important;
        min-height: 200px !important;
    }
    
    .services-advantage__slide .adv-color-block img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        max-width: 100% !important;
    }
    
    /* FAQ板块调整 */
    .services-page .faq {
        padding-top: 0 !important;
        margin-top: 24px !important;
    }
    
    .services-page .faq__title {
        font-size: 38px !important;
        line-height: 1.15 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin-bottom: 20px !important;
    }
    
    .services-page .faq__list {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    .services-page .faq__container {
        gap: 0 !important;
    }
    
    /* Work页面移动端优化 */
    .work-header__content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* 禁用案例的hover滚动效果 */
    .work-item__image-wrapper {
        overflow: hidden !important;
    }

    .work-item__image {
        transform: none !important;
        transition: none !important;
    }

    .work-item:hover .work-item__image {
        transform: none !important;
    }

    /* 确保页面可以完全滚动到底部 */
    .footer {
        padding-bottom: 40px !important;
    }

    /* Work页面 Callout 往上移 */
    .work-archive .callout {
        margin-top: -240px !important;
    }

    /* FAQ区域 - 移动端优化 */
    .faq__container {
        display: flex !important;
        flex-direction: column !important;
    }

    .faq__header {
        order: -1 !important;
        width: 100% !important;
        margin-bottom: 24px !important;
        padding: 0 16px !important;
    }

    .faq__title {
        font-size: 32px !important;
        line-height: 1.2 !important;
        text-align: left !important;
        writing-mode: horizontal-tb !important;
    }

    .faq__list {
        width: 100% !important;
        padding: 0 16px !important;
    }

    /* FAQ板块往上移，靠近callout */
    .work-archive .faq {
        margin-top: -120px !important;
    }

    /* 视觉触达页面Hero标题 */
    .services-hero__content {
        padding: 0 12px !important;
        margin-top: 80px !important;
    }

    .services-hero__badge {
        font-size: 13px !important;
        margin-bottom: 16px !important;
        display: block !important;
    }

    .services-hero__title {
        font-size: 38px !important;
        line-height: 1.1 !important;
        letter-spacing: -0.01em !important;
        margin-bottom: 24px !important;
        padding: 0 !important;
    }

    .services-hero__container {
        padding-top: 0 !important;
    }

    /* 瀑布流图片墙 */
    .vc-masonry-wrap {
        padding: 0 16px;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px) !important;
        margin-left: -20px;
        margin-right: -20px;
    }

    .vc-masonry-v3-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 5px !important;
        width: 100% !important;
    }

    .vc-masonry-v3-col {
        gap: 5px !important;
    }

    /* 按32%比例缩小所有高度 */
    .vc-masonry__item[style*="height:360px"] { height: 115px !important; }
    .vc-masonry__item[style*="height:220px"] { height: 70px !important; }
    .vc-masonry__item[style*="height:280px"] { height: 90px !important; }
    .vc-masonry__item[style*="height:172px"] { height: 55px !important; }
    .vc-masonry__item[style*="height:180px"] { height: 58px !important; }
    .vc-masonry__item[style*="height:420px"] { height: 134px !important; }
    .vc-masonry__item[style*="height:200px"] { height: 64px !important; }
    .vc-masonry__item[style*="height:232px"] { height: 74px !important; }
    .vc-masonry__item[style*="height:300px"] { height: 96px !important; }
    .vc-masonry__item[style*="height:160px"] { height: 51px !important; }
    .vc-masonry__item[style*="height:380px"] { height: 122px !important; }
    .vc-masonry__item[style*="height:192px"] { height: 61px !important; }
    .vc-masonry__item[style*="height:240px"] { height: 77px !important; }
    .vc-masonry__item[style*="height:308px"] { height: 99px !important; }
    .vc-masonry__item[style*="height:484px"] { height: 155px !important; }

    .vc-masonry__item {
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    .vc-masonry__img {
        width: 100% !important;
        height: 100% !important;
    }

    .vc-masonry__img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .vc-masonry__label {
        font-size: 11px !important;
        padding: 10px !important;
    }
    
    /* 建站页面 - 移动端图片和代码图宽度380px（屏幕412px - 左右各16px） */
    .page-template-page-service-webdev .services-hero__scroller {
        gap: 20px !important;
    }
    
    .page-template-page-service-webdev .services-hero__card--img,
    .page-template-page-service-webdev .services-hero__card--code {
        width: 380px !important;
        aspect-ratio: 480/300 !important;
        flex-shrink: 0 !important;
    }
    
    .page-template-page-service-webdev .services-hero__card--code {
        font-size: 9px !important;
        line-height: 1.3 !important;
    }

    /* 建站页面 - 书本封面标题 */
    .page-template-page-service-webdev .book-cover-title-mobile {
        padding: 0 16px 24px 16px !important;
        text-align: left !important;
    }

    .page-template-page-service-webdev .book-cover-title-mobile__badge {
        font-size: 11px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.15em !important;
        color: #8B4513 !important;
        display: block !important;
        margin-bottom: 16px !important;
        font-weight: 600 !important;
    }

    .page-template-page-service-webdev .book-cover-title-mobile__title {
        font-size: 38px !important;
        line-height: 1.15 !important;
        font-weight: 400 !important;
    }

    .page-template-page-service-webdev .book-cover-title-mobile__title em {
        font-style: italic !important;
        font-family: "Fraunces", serif !important;
    }

    /* 数字营销页面 - 书本封面标题 */
    .page-template-page-service-digitalmarketing .book-cover-title-mobile {
        padding: 0 16px 24px 16px !important;
        text-align: left !important;
    }

    .page-template-page-service-digitalmarketing .book-cover-title-mobile__badge {
        font-size: 11px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.15em !important;
        color: #8B4513 !important;
        display: block !important;
        margin-bottom: 16px !important;
        font-weight: 600 !important;
    }

    .page-template-page-service-digitalmarketing .book-cover-title-mobile__title {
        font-size: 38px !important;
        line-height: 1.15 !important;
        font-weight: 400 !important;
    }

    .page-template-page-service-digitalmarketing .book-cover-title-mobile__title em {
        font-style: italic !important;
        font-family: "Fraunces", serif !important;
    }

    /* Shopify页面 - 手机端优化 */
    /* 显示渐变背景 */
    .page-template-page-platform-shopify .shopify-mobile-bg {
        display: block;
    }

    /* 隐藏PC端视频 */
    .page-template-page-platform-shopify .platform-page > div:first-child video {
        display: none;
    }

    /* 隐藏PC端遮罩 */
    .page-template-page-platform-shopify .platform-page > div:first-child > div:nth-child(2) {
        display: none;
    }

    /* Hero容器样式（Shopify：居中+100vh） */
    .page-template-page-platform-shopify .platform-page > div:first-child {
        min-height: 100vh !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Hero区内容样式（Shopify：居中+上移120px） */
    .page-template-page-platform-shopify .platform-page > div:first-child > div:nth-child(3) {
        z-index: 10 !important;
        padding: 0 24px !important;
        max-width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
        transform: translateY(-120px) !important;
    }

    /* Badge样式（Shopify：深红色） */
    .page-template-page-platform-shopify .platform-page > div:first-child > div:nth-child(3) > span:first-child {
        font-size: 13px !important;
        font-weight: 500 !important;
        letter-spacing: 0.18em !important;
        background: transparent !important;
        color: #88172e !important;
        margin-bottom: 20px !important;
        text-transform: uppercase !important;
        display: inline-block !important;
    }

    /* 标题样式（Shopify：52px黑色） */
    .page-template-page-platform-shopify .platform-page > div:first-child > div:nth-child(3) > h1 {
        font-size: 52px !important;
        line-height: 1.1 !important;
        color: #1a1a1a !important;
        font-weight: 300 !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        letter-spacing: -0.01em !important;
    }

    /* Shopify闪动效果的span样式 */
    .page-template-page-platform-shopify .shopify-shimmer {
        display: inline !important;
        background-image: linear-gradient(120deg, #F5645A 0%, #F5645A 30%, #ffffff 50%, #F5645A 70%, #F5645A 100%) !important;
        background-size: 200% auto !important;
        background-clip: text !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        animation: shopify-shiny-sweep 3s linear infinite !important;
    }

    /* em标签保持斜体 */
    .page-template-page-platform-shopify .platform-page > div:first-child > div:nth-child(3) > h1 > em {
        font-style: italic !important;
    }

    /* Shopify闪动动画 */
    @keyframes shopify-shiny-sweep {
        0% { background-position: 150% center; }
        100% { background-position: -50% center; }
    }

    /* platform-why板块位置调整 - 继续往上移 */
    .page-template-page-platform-shopify .platform-why {
        margin-top: -300px;
        padding-top: 0;
        position: relative;
        z-index: 10;
        background: transparent !important;
    }

    .page-template-page-platform-shopify .platform-why__header {
        margin-bottom: 40px !important;
        position: relative !important;
        z-index: 10 !important;
        min-height: 0 !important;
        max-height: none !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        align-items: flex-start !important;
        padding: 0 16px !important;
    }

    /* Why Shopify 大标题字体大小 */
    .page-template-page-platform-shopify .platform-why__title {
        font-size: 44px !important;
    }

    /* 6张图卡改为左右滑动画廊 */
    .page-template-page-platform-shopify .platform-why__grid {
        display: flex !important;
        overflow-x: scroll !important;
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        overscroll-behavior-x: contain !important;
        gap: 16px !important;
        padding: 0 16px 20px 16px !important;
        scrollbar-width: none !important;
        scroll-padding-left: 16px !important;
    }

    .page-template-page-platform-shopify .platform-why__grid::-webkit-scrollbar {
        display: none !important;
    }

    /* 每张卡片 - 宽度计算包含左右16px */
    .page-template-page-platform-shopify .platform-why__card {
        flex: 0 0 calc(100% - 32px) !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
        max-width: calc(100% - 32px) !important;
        transform: none !important;
        transition: none !important;
    }

    /* 第一张卡片：取消左边距（grid的左padding已经提供16px） */
    .page-template-page-platform-shopify .platform-why__card:first-child {
        margin-left: 0 !important;
    }

    /* 取消hover浮动效果 */
    .page-template-page-platform-shopify .platform-why__card:hover {
        transform: none !important;
    }

    /* 圆点指示器样式 */
    .page-template-page-platform-shopify .shopify-why-dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        padding: 0 16px 10px;
    }

    .page-template-page-platform-shopify .shopify-why-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #D4A373;
        opacity: 0.3;
        transition: opacity 0.3s;
    }

    .page-template-page-platform-shopify .shopify-why-dot.active {
        opacity: 1;
        background: #8B4513;
    }

    /* platform-comparison 板块往上移，取消padding */
    .page-template-page-platform-shopify .platform-comparison {
        margin-top: -60px !important;
        padding-top: 0 !important;
    }

    .page-template-page-platform-shopify .platform-comparison__container {
        padding: 0 16px !important;
        overflow: visible !important;
    }

    .page-template-page-platform-shopify .shopify-pricing {
        overflow: visible !important;
        padding: 0 0 40px !important;
    }

    /* 标题和描述重新排版 - 改为两行布局 */
    .page-template-page-platform-shopify .shopify-pricing__header {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
        padding: 0 !important;
    }

    .page-template-page-platform-shopify .shopify-pricing__header-left {
        width: 100% !important;
    }

    .page-template-page-platform-shopify .platform-comparison__title {
        font-size: 44px !important;
        line-height: 1.1 !important;
    }

    /* 去掉可能的overflow */
    .page-template-page-platform-shopify .shopify-pricing__header-left {
        overflow: visible !important;
    }

    .page-template-page-platform-shopify .shopify-pricing__header-right {
        overflow: visible !important;
    }

    .page-template-page-platform-shopify .shopify-pricing__header-right {
        width: 100% !important;
    }

    /* 描述文字在标题下方，左对齐 */
    .page-template-page-platform-shopify .shopify-pricing__header-right {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .page-template-page-platform-shopify .shopify-pricing__header-desc {
        max-width: 100% !important;
        text-align: left !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
        margin: 0 !important;
    }

    .page-template-page-platform-shopify .shopify-pricing__header-desc br {
        display: none !important;
    }

    /* 价格对比卡片移动端排版（上面的7 days / 180 days卡片） - 紧凑版 */
    .page-template-page-platform-shopify .shopify-pricing > div:first-child[style*="background:linear-gradient"] {
        padding: 12px 12px 0 12px !important;
        margin-top: -16px !important;
        margin-bottom: 24px !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    .page-template-page-platform-shopify .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"] {
        padding: 0 !important;
        border-bottom: 1px solid rgba(136,45,23,0.12) !important;
        margin-bottom: 12px !important;
    }

    .page-template-page-platform-shopify .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"]:last-of-type {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* 确保最后一个信息块内的元素也没有底部margin */
    .page-template-page-platform-shopify .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"]:last-of-type > div:last-child {
        margin-bottom: 0 !important;
    }

    .page-template-page-platform-shopify .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"]:last-of-type {
        border-bottom: none !important;
    }

    /* 隐藏原有分隔线 */
    .page-template-page-platform-shopify .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="width:1px"] {
        display: none !important;
    }

    .page-template-page-platform-shopify .shopify-pricing > div:first-child[style*="background:linear-gradient"] div[style*="font-size:24px"] {
        font-size: 18px !important;
    }

    .page-template-page-platform-shopify .shopify-pricing > div:first-child[style*="background:linear-gradient"] div[style*="font-size:13px"][style*="font-weight:700"] {
        font-size: 10px !important;
    }

    .page-template-page-platform-shopify .shopify-pricing > div:first-child[style*="background:linear-gradient"] div[style*="font-size:11px"] {
        font-size: 9px !important;
    }

    /* 三个价格卡移动端 - 保持PC端排版，只调整尺寸 */
    .page-template-page-platform-shopify .shopify-pricing__grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    .page-template-page-platform-shopify .shopify-pricing__card {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    .page-template-page-platform-shopify .shopify-pricing__card-inner {
        overflow: visible !important;
    }

    /* 完全复制PC端样式 */
    .page-template-page-platform-shopify .shopify-pricing__price {
        display: flex !important;
        align-items: flex-start !important;
        gap: 4px !important;
        margin-bottom: 10px !important;
        line-height: 1 !important;
    }

    /* 删除所有强制样式，让标签完全继承PC端 */

    /* platform-advantage板块 */
    .page-template-page-platform-shopify .platform-advantage {
        padding-bottom: 40px !important;
    }

    .page-template-page-platform-shopify .platform-advantage__container {
        padding: 0 16px !important;
    }

    .page-template-page-platform-shopify .platform-advantage .platform-why__title {
        font-size: 36px !important;
    }

    /* 卡片改为竖向布局 */
    .page-template-page-platform-shopify .platform-advantage article > div:first-child {
        flex-direction: column !important;
        min-height: auto !important;
    }

    /* 左列（文字）改为100%宽度 */
    .page-template-page-platform-shopify .platform-advantage article > div:first-child > div:first-child {
        flex: none !important;
        width: 100% !important;
        padding: 24px 20px !important;
    }

    /* 标签容器调整 */
    .page-template-page-platform-shopify .platform-advantage article > div:first-child > div:first-child > div:last-child {
        margin-top: 24px !important;
        gap: 8px !important;
    }

    /* 保持小色卡圆形 */
    .page-template-page-platform-shopify .platform-advantage article > div:first-child > div:first-child > div:last-child > div > div {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }

    /* 右列（色卡+图片）改为100%宽度 */
    .page-template-page-platform-shopify .platform-advantage article > div:first-child > div:last-child {
        flex: none !important;
        width: 100% !important;
        padding: 0 20px 20px 20px !important;
    }

    /* 色卡容器调整高度 */
    .page-template-page-platform-shopify .platform-advantage article > div:first-child > div:last-child > div {
        min-height: 240px !important;
        height: auto !important;
    }

    /* 图片自适应 */
    .page-template-page-platform-shopify .platform-advantage article > div:first-child > div:last-child img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    /* 下层三个数字卡片竖向排列 */
    .page-template-page-platform-shopify .platform-advantage article > div:last-child {
        flex-direction: column !important;
        padding: 0 !important;
    }

    /* 数字卡片居中对齐 */
    .page-template-page-platform-shopify .platform-advantage article > div:last-child > div {
        padding: 0 !important;
        text-align: center !important;
    }

    /* 外层白色卡片加padding */
    .page-template-page-platform-shopify .platform-advantage article {
        padding: 20px !important;
    }

    /* platform-work 移动端：隐藏圆形画廊，显示竖排案例 */
    .page-template-page-platform-shopify .circle-gallery {
        display: none !important;
    }

    .page-template-page-platform-shopify .platform-work__container {
        padding: 0 !important;
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
    }

    .page-template-page-platform-shopify .platform-work {
        padding-bottom: 60px !important;
    }

    .page-template-page-platform-shopify .platform-work-mobile {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0 16px;
    }

    .page-template-page-platform-shopify .platform-work-mobile__item {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        aspect-ratio: 16 / 10;
    }

    .page-template-page-platform-shopify .platform-work-mobile__img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .page-template-page-platform-shopify .platform-work-mobile__info {
        position: absolute;
        bottom: 16px;
        left: 16px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .page-template-page-platform-shopify .platform-work-mobile__num {
        font-family: 'Fragment Mono', monospace;
        font-size: 11px;
        color: rgba(255,255,255,0.7);
        letter-spacing: 0.1em;
    }

    .page-template-page-platform-shopify .platform-work-mobile__name {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 24px;
        font-weight: 300;
        color: #ffffff;
    }

    .page-template-page-platform-shopify .platform-work__footer {
        margin-top: 0 !important;
        text-align: center;
        padding: 0 16px;
    }

    .page-template-page-platform-shopify .platform-work__link {
        display: inline-block;
        width: 150px;
        padding: 10px 0;
        background: #1a1a1a;
        color: #ffffff;
        text-decoration: none;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 500;
        transition: background 0.3s;
        text-align: center;
    }

    .page-template-page-platform-shopify .platform-work__link:hover {
        background: #333333;
    }

    /* FAQ距离callout的间距 - 参照服务页面 */
    .page-template-page-platform-shopify .faq {
        margin-top: 24px !important;
        padding-top: 0 !important;
    }

    /* FAQ标题样式 */
    .page-template-page-platform-shopify .faq__title {
        font-size: 38px !important;
        margin-left: 32px !important;
    }

    .page-template-page-platform-shopify .faq__title-ampersand {
        font-style: italic;
    }

    /* 渐变背景层级调低，不挡住内容 */
    .page-template-page-platform-shopify .shopify-mobile-bg {
        z-index: 0;
    }

    .page-template-page-platform-shopify .gr-48__overlay {
        z-index: 0;
    }

    /* Shopify标题闪动动画（和About页面PRISM一样） */
    @keyframes shimmer {
        0% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }

    /* ==================== WordPress页面移动端 ==================== */

    /* 移动端渐变背景 */
    .page-template-page-platform-wordpress .wordpress-mobile-bg {
        display: block;
    }

    /* 隐藏PC端视频和遮罩 */
    .page-template-page-platform-wordpress video {
        display: none !important;
    }

    .page-template-page-platform-wordpress .platform-page > div > div:nth-child(2) {
        display: none !important;
    }

    /* Hero容器样式（使用CSS覆盖内联样式，减少闪烁） */
    .page-template-page-platform-wordpress .platform-page > div:nth-child(2) {
        min-height: 100vh !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Hero区内容样式 */
    .page-template-page-platform-wordpress .platform-page > div:nth-child(2) > div:nth-child(3) {
        z-index: 10 !important;
        padding: 0 24px !important;
        max-width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
        transform: translateY(-120px) !important;
    }

    /* Badge样式（CSS覆盖内联样式，减少闪烁） */
    .page-template-page-platform-wordpress .platform-page > div:nth-child(2) > div:nth-child(3) > span:first-child {
        font-size: 13px !important;
        font-weight: 500 !important;
        letter-spacing: 0.18em !important;
        background: transparent !important;
        color: #88172e !important;
        margin-bottom: 20px !important;
        text-transform: uppercase !important;
        display: inline-block !important;
    }

    /* 标题样式（CSS覆盖内联样式，减少闪烁） */
    .page-template-page-platform-wordpress .platform-page > div:nth-child(2) > div:nth-child(3) > h1 {
        font-size: 52px !important;
        line-height: 1.1 !important;
        color: #1a1a1a !important;
        font-weight: 300 !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        letter-spacing: -0.01em !important;
    }

    /* WordPress闪动效果的span样式 */
    .page-template-page-platform-wordpress .wordpress-shimmer {
        display: inline !important;
        background-image: linear-gradient(120deg, #F5645A 0%, #F5645A 30%, #ffffff 50%, #F5645A 70%, #F5645A 100%) !important;
        background-size: 200% auto !important;
        background-clip: text !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        animation: wordpress-shiny-sweep 3s linear infinite !important;
    }

    /* em标签保持斜体，不参与闪动 */
    .page-template-page-platform-wordpress .platform-page > div:nth-child(2) > div:nth-child(3) > h1 > em {
        font-style: italic !important;
    }

    /* WordPress闪动动画 */
    @keyframes wordpress-shiny-sweep {
        0% { background-position: 150% center; }
        100% { background-position: -50% center; }
    }

    /* 渐变背景层级 */
    .page-template-page-platform-wordpress .wordpress-mobile-bg {
        z-index: 0;
    }

    .page-template-page-platform-wordpress .gr-48__overlay {
        z-index: 0;
    }

    /* Why WordPress板块（完全复制Shopify样式） */
    .page-template-page-platform-wordpress .platform-why {
        margin-top: -300px;
        padding-top: 0;
        position: relative;
        background: transparent !important;
        z-index: 10;
    }

    .page-template-page-platform-wordpress .platform-why__header {
        margin-bottom: 40px !important;
        position: relative !important;
        z-index: 10 !important;
        padding: 0 16px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        align-items: flex-start !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .page-template-page-platform-wordpress .platform-why__title {
        font-size: 44px !important;
    }

    /* 6张卡片改为滑动画廊 */
    .page-template-page-platform-wordpress .platform-why__grid {
        display: flex !important;
        overflow-x: scroll !important;
        scroll-snap-type: x mandatory !important;
        gap: 16px !important;
        padding: 0 16px 40px 16px !important;
        scroll-padding-left: 16px !important;
        overscroll-behavior-x: contain !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important; /* Firefox */
    }

    .page-template-page-platform-wordpress .platform-why__grid::-webkit-scrollbar {
        display: none !important; /* Chrome/Safari */
    }

    .page-template-page-platform-wordpress .platform-why__grid {
        -ms-overflow-style: none !important; /* IE/Edge */
    }

    /* 卡片宽度 */
    .page-template-page-platform-wordpress .platform-why__card {
        flex: 0 0 calc(100% - 32px) !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
        min-width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
        margin: 0 !important;
    }

    .page-template-page-platform-wordpress .platform-why__card:first-child {
        margin-left: 0 !important;
    }

    /* 取消hover效果 */
    .page-template-page-platform-wordpress .platform-why__card:hover {
        transform: none !important;
        transition: none !important;
    }

    /* 圆点指示器（会在HTML中添加） */
    .wordpress-why-dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        padding: 0 16px 60px;
    }

    .wordpress-why-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #D4A373;
        opacity: 0.3;
        cursor: pointer;
    }

    .wordpress-why-dot.active {
        opacity: 1;
        background: #8B4513;
    }

    /* Platform-comparison板块（完全复制Shopify样式） */
    .page-template-page-platform-wordpress .platform-comparison {
        margin-top: -60px !important;
        padding-top: 0 !important;
    }

    .page-template-page-platform-wordpress .platform-comparison__container {
        padding: 0 16px !important;
        overflow: visible !important;
    }

    .page-template-page-platform-wordpress .shopify-pricing {
        overflow: visible !important;
        padding: 0 0 40px !important;
    }

    /* 标题和描述重新排版 - 改为两行布局 */
    .page-template-page-platform-wordpress .shopify-pricing__header {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
        padding: 0 !important;
    }

    .page-template-page-platform-wordpress .platform-comparison__title {
        font-size: 44px !important;
        line-height: 1.1 !important;
    }

    .page-template-page-platform-wordpress .shopify-pricing__header-left {
        width: 100% !important;
        overflow: visible !important;
    }

    .page-template-page-platform-wordpress .shopify-pricing__header-right {
        overflow: visible !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 描述文字在标题下方，左对齐 */
    .page-template-page-platform-wordpress .shopify-pricing__header-desc {
        max-width: 100% !important;
        text-align: left !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
        margin: 0 !important;
    }

    .page-template-page-platform-wordpress .shopify-pricing__header-desc br {
        display: none !important;
    }

    /* 价格对比卡片移动端排版（上面的7 days / 180 days卡片） - 紧凑版 */
    .page-template-page-platform-wordpress .shopify-pricing > div:first-child[style*="background:linear-gradient"] {
        padding: 12px !important;
        margin-top: -16px !important;
        margin-bottom: 24px !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    .page-template-page-platform-wordpress .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"] {
        padding: 0 !important;
        border-bottom: 1px solid rgba(136,45,23,0.12) !important;
        margin-bottom: 12px !important;
    }

    .page-template-page-platform-wordpress .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"]:last-of-type {
        border-bottom: none !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .page-template-page-platform-wordpress .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"]:last-of-type > div:last-child {
        margin-bottom: 0 !important;
    }

    /* 隐藏原有竖线 */
    .page-template-page-platform-wordpress .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="width:1px"] {
        display: none !important;
    }

    /* 三个价格卡移动端 - 保持PC端排版，只调整尺寸 */
    .page-template-page-platform-wordpress .shopify-pricing__grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    .page-template-page-platform-wordpress .shopify-pricing__card {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    .page-template-page-platform-wordpress .shopify-pricing__card-inner {
        overflow: visible !important;
    }

    /* 完全复制PC端样式 */
    .page-template-page-platform-wordpress .shopify-pricing__price {
        display: flex !important;
        align-items: flex-start !important;
        gap: 4px !important;
        margin-bottom: 10px !important;
        line-height: 1 !important;
        overflow: visible !important;
    }

    /* Platform-advantage板块（完全复制Shopify样式） */
    .page-template-page-platform-wordpress .platform-advantage {
        padding-bottom: 40px !important;
    }

    .page-template-page-platform-wordpress .platform-advantage__container {
        padding: 0 16px !important;
    }

    .page-template-page-platform-wordpress .platform-advantage .platform-why__title {
        font-size: 36px !important;
    }

    /* 卡片改为竖向布局 */
    .page-template-page-platform-wordpress .platform-advantage article > div:first-child {
        flex-direction: column !important;
        min-height: auto !important;
    }

    /* 左列（文字）改为100%宽度 */
    .page-template-page-platform-wordpress .platform-advantage article > div:first-child > div:first-child {
        flex: none !important;
        width: 100% !important;
        padding: 24px 20px !important;
    }

    /* 标签容器调整 */
    .page-template-page-platform-wordpress .platform-advantage article > div:first-child > div:first-child > div:last-child {
        margin-top: 24px !important;
        gap: 8px !important;
    }

    /* 保持小色卡圆形 */
    .page-template-page-platform-wordpress .platform-advantage article > div:first-child > div:first-child > div:last-child > div > div {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }

    /* 右列（色卡+图片）改为100%宽度 */
    .page-template-page-platform-wordpress .platform-advantage article > div:first-child > div:last-child {
        flex: none !important;
        width: 100% !important;
        padding: 0 20px 20px 20px !important;
    }

    /* 色卡容器调整高度 */
    .page-template-page-platform-wordpress .platform-advantage article > div:first-child > div:last-child > div {
        min-height: 240px !important;
        height: auto !important;
    }

    /* 图片自适应 */
    .page-template-page-platform-wordpress .platform-advantage article > div:first-child > div:last-child img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    /* 下层三个数字卡片竖向排列 */
    .page-template-page-platform-wordpress .platform-advantage article > div:last-child {
        flex-direction: column !important;
        padding: 0 !important;
    }

    /* 数字卡片居中对齐 */
    .page-template-page-platform-wordpress .platform-advantage article > div:last-child > div {
        padding: 0 !important;
        text-align: center !important;
    }

    /* 外层白色卡片加padding */
    .page-template-page-platform-wordpress .platform-advantage article {
        padding: 20px !important;
    }

    /* Platform-work板块（完全复制Shopify样式） */
    .page-template-page-platform-wordpress .platform-work__container {
        padding: 0 !important;
        height: auto !important;
        min-height: auto !important;
    }

    .page-template-page-platform-wordpress .platform-work {
        padding-bottom: 60px !important;
    }

    /* 隐藏PC端圆形画廊 */
    .page-template-page-platform-wordpress .circle-gallery {
        display: none !important;
    }

    /* 移动端竖排案例 */
    .page-template-page-platform-wordpress .platform-work-mobile {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0 16px;
        margin-bottom: 20px;
    }

    .page-template-page-platform-wordpress .platform-work-mobile__item {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        aspect-ratio: 4 / 3;
    }

    .page-template-page-platform-wordpress .platform-work-mobile__img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .page-template-page-platform-wordpress .platform-work-mobile__info {
        position: absolute;
        bottom: 16px;
        left: 16px;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .page-template-page-platform-wordpress .platform-work-mobile__num {
        font-family: 'Fragment Mono', monospace;
        font-size: 11px;
        color: rgba(255,255,255,0.7);
        letter-spacing: 0.05em;
    }

    .page-template-page-platform-wordpress .platform-work-mobile__name {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 24px;
        font-weight: 300;
        color: #ffffff;
    }

    /* 底部按钮 */
    .page-template-page-platform-wordpress .platform-work__footer {
        margin-top: 0 !important;
        text-align: center;
        padding: 0 16px;
    }

    .page-template-page-platform-wordpress .platform-work__link {
        display: inline-block;
        width: 150px;
        padding: 10px 0;
        margin: 0 !important;
        background: #1a1a1a;
        color: #ffffff;
        text-decoration: none;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 500;
        transition: background 0.2s;
    }

    .page-template-page-platform-wordpress .platform-work__link:hover {
        background: #333333;
    }

    /* FAQ板块（完全复制Shopify样式） */
    .page-template-page-platform-wordpress .faq {
        margin-top: 24px !important;
        padding-top: 0 !important;
    }

    .page-template-page-platform-wordpress .faq__title {
        font-size: 38px !important;
        margin-left: 32px !important;
    }

    .page-template-page-platform-wordpress .faq__title-ampersand {
        font-style: italic;
    }

    /* ==================== Self-Developed 页面移动端优化 ==================== */
    
    /* Hero区 - 移动端渐变背景 */
    .page-template-page-platform-selfdeveloped .selfdeveloped-mobile-bg {
        display: block;
    }

    /* 隐藏PC端视频和遮罩 */
    .page-template-page-platform-selfdeveloped .platform-page > div:nth-child(2) video {
        display: none !important;
    }

    .page-template-page-platform-selfdeveloped .platform-page > div:nth-child(2) > div:nth-child(2) {
        display: none !important;
    }

    /* Hero容器样式（CSS覆盖内联样式，减少闪烁） */
    .page-template-page-platform-selfdeveloped .platform-page > div:nth-child(2) {
        min-height: 100vh !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Hero区内容样式 */
    .page-template-page-platform-selfdeveloped .platform-page > div:nth-child(2) > div:nth-child(3) {
        z-index: 10 !important;
        padding: 0 24px !important;
        max-width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
        transform: translateY(-120px) !important;
    }

    /* Badge样式（CSS覆盖内联样式，减少闪烁） */
    .page-template-page-platform-selfdeveloped .platform-page > div:nth-child(2) > div:nth-child(3) > span:first-child {
        font-size: 13px !important;
        font-weight: 500 !important;
        letter-spacing: 0.18em !important;
        background: transparent !important;
        color: #88172e !important;
        margin-bottom: 20px !important;
        text-transform: uppercase !important;
        display: inline-block !important;
    }

    /* 标题样式（CSS覆盖内联样式，减少闪烁） */
    .page-template-page-platform-selfdeveloped .platform-page > div:nth-child(2) > div:nth-child(3) > h1 {
        font-size: 52px !important;
        line-height: 1.1 !important;
        color: #1a1a1a !important;
        font-weight: 300 !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        letter-spacing: -0.01em !important;
    }

    /* Self-Developed闪动效果的span样式 */
    .page-template-page-platform-selfdeveloped .selfdeveloped-shimmer {
        display: inline !important;
        background-image: linear-gradient(120deg, #F5645A 0%, #F5645A 30%, #ffffff 50%, #F5645A 70%, #F5645A 100%) !important;
        background-size: 200% auto !important;
        background-clip: text !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        animation: selfdeveloped-shiny-sweep 3s linear infinite !important;
    }

    /* em标签保持斜体，不参与闪动 */
    .page-template-page-platform-selfdeveloped .platform-page > div:nth-child(2) > div:nth-child(3) > h1 > em {
        font-style: italic !important;
    }

    /* 渐变背景层级 */
    .page-template-page-platform-selfdeveloped .selfdeveloped-mobile-bg {
        z-index: 0;
    }

    .page-template-page-platform-selfdeveloped .gr-48__overlay {
        z-index: 0;
    }

    /* 闪动动画 */
    @keyframes selfdeveloped-shiny-sweep {
        0% { background-position: 150% center; }
        100% { background-position: -50% center; }
    }

    /* Why Self-Developed板块 */
    .page-template-page-platform-selfdeveloped .platform-why {
        margin-top: -300px;
        padding-top: 0;
        position: relative;
        background: transparent !important;
        z-index: 10;
    }

    .page-template-page-platform-selfdeveloped .platform-why__header {
        margin-bottom: 40px !important;
        position: relative !important;
        z-index: 10 !important;
        padding: 0 16px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        align-items: flex-start !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .page-template-page-platform-selfdeveloped .platform-why__title {
        font-size: 44px !important;
    }

    /* 6张卡片改为滑动画廊 */
    .page-template-page-platform-selfdeveloped .platform-why__grid {
        display: flex !important;
        overflow-x: scroll !important;
        scroll-snap-type: x mandatory !important;
        gap: 16px !important;
        padding: 0 16px 40px 16px !important;
        scroll-padding-left: 16px !important;
        overscroll-behavior-x: contain !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .page-template-page-platform-selfdeveloped .platform-why__grid::-webkit-scrollbar {
        display: none !important;
    }

    .page-template-page-platform-selfdeveloped .platform-why__grid {
        -ms-overflow-style: none !important;
    }

    .page-template-page-platform-selfdeveloped .platform-why__card {
        flex: 0 0 calc(100% - 32px) !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
        min-width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
        margin: 0 !important;
    }

    .page-template-page-platform-selfdeveloped .platform-why__card:first-child {
        margin-left: 0 !important;
    }

    .page-template-page-platform-selfdeveloped .platform-why__card:hover {
        transform: none !important;
        transition: none !important;
    }

    /* 圆点指示器 */
    .selfdeveloped-why-dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        padding: 0 16px;
    }

    .selfdeveloped-why-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #D4A373;
        opacity: 0.3;
        cursor: pointer;
    }

    .selfdeveloped-why-dot.active {
        opacity: 1;
        background: #8B4513;
    }

    /* Platform-comparison板块 */
    .page-template-page-platform-selfdeveloped .platform-comparison {
        margin-top: -80px !important;
        padding-top: 0 !important;
    }

    .page-template-page-platform-selfdeveloped .platform-comparison__container {
        padding: 0 16px !important;
        overflow: visible !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing {
        overflow: visible !important;
        padding: 0 0 40px !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing__header {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
        padding: 0 !important;
    }

    .page-template-page-platform-selfdeveloped .platform-comparison__title {
        font-size: 44px !important;
        line-height: 1.1 !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing__header-left {
        width: 100% !important;
        overflow: visible !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing__header-right {
        overflow: visible !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing__header-desc {
        max-width: 100% !important;
        text-align: left !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
        margin: 0 !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing__header-desc br {
        display: none !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing > div:first-child[style*="background:linear-gradient"] {
        padding: 12px !important;
        margin-top: -16px !important;
        margin-bottom: 24px !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"] {
        padding: 0 !important;
        border-bottom: 1px solid rgba(136,45,23,0.12) !important;
        margin-bottom: 12px !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"]:last-of-type {
        border-bottom: none !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"]:last-of-type > div:last-child {
        margin-bottom: 0 !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="width:1px"] {
        display: none !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing__grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing__card {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing__card-inner {
        overflow: visible !important;
    }

    .page-template-page-platform-selfdeveloped .shopify-pricing__price {
        display: flex !important;
        align-items: flex-start !important;
        gap: 4px !important;
        margin-bottom: 10px !important;
        line-height: 1 !important;
        overflow: visible !important;
    }

    /* Platform-advantage板块 */
    .page-template-page-platform-selfdeveloped .platform-advantage {
        padding-bottom: 40px !important;
    }

    .page-template-page-platform-selfdeveloped .platform-advantage__container {
        padding: 0 16px !important;
    }

    .page-template-page-platform-selfdeveloped .platform-advantage .platform-why__title {
        font-size: 36px !important;
    }

    .page-template-page-platform-selfdeveloped .platform-advantage article > div:first-child {
        flex-direction: column !important;
        min-height: auto !important;
    }

    .page-template-page-platform-selfdeveloped .platform-advantage article > div:first-child > div:first-child {
        flex: none !important;
        width: 100% !important;
        padding: 24px 20px !important;
    }

    .page-template-page-platform-selfdeveloped .platform-advantage article > div:first-child > div:first-child > div:last-child {
        margin-top: 24px !important;
        gap: 8px !important;
    }

    .page-template-page-platform-selfdeveloped .platform-advantage article > div:first-child > div:first-child > div:last-child > div > div {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }

    .page-template-page-platform-selfdeveloped .platform-advantage article > div:first-child > div:last-child {
        flex: none !important;
        width: 100% !important;
        padding: 0 20px 20px 20px !important;
    }

    .page-template-page-platform-selfdeveloped .platform-advantage article > div:first-child > div:last-child > div {
        min-height: 240px !important;
        height: auto !important;
    }

    .page-template-page-platform-selfdeveloped .platform-advantage article > div:first-child > div:last-child img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    .page-template-page-platform-selfdeveloped .platform-advantage article > div:last-child {
        flex-direction: column !important;
        padding: 0 !important;
    }

    .page-template-page-platform-selfdeveloped .platform-advantage article > div:last-child > div {
        padding: 0 !important;
        text-align: center !important;
    }

    /* 数字卡片字体调整 - 移动端缩小 */
    .page-template-page-platform-selfdeveloped .platform-advantage article > div:last-child > div > div:first-child {
        font-size: 28px !important;
    }

    .page-template-page-platform-selfdeveloped .platform-advantage article {
        padding: 20px !important;
    }

    /* Platform-work板块 */
    .page-template-page-platform-selfdeveloped .platform-work__container {
        padding: 0 !important;
        height: auto !important;
        min-height: auto !important;
    }

    .page-template-page-platform-selfdeveloped .platform-work {
        padding-bottom: 60px !important;
    }

    .page-template-page-platform-selfdeveloped .circle-gallery {
        display: none !important;
    }

    .page-template-page-platform-selfdeveloped .platform-work-mobile {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0 16px;
        margin-bottom: 20px;
    }

    .page-template-page-platform-selfdeveloped .platform-work-mobile__item {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        aspect-ratio: 4 / 3;
    }

    .page-template-page-platform-selfdeveloped .platform-work-mobile__img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .page-template-page-platform-selfdeveloped .platform-work-mobile__info {
        position: absolute;
        bottom: 16px;
        left: 16px;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .page-template-page-platform-selfdeveloped .platform-work-mobile__num {
        font-family: 'Fragment Mono', monospace;
        font-size: 11px;
        color: rgba(255,255,255,0.7);
        letter-spacing: 0.05em;
    }

    .page-template-page-platform-selfdeveloped .platform-work-mobile__name {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 24px;
        font-weight: 300;
        color: #ffffff;
    }

    .page-template-page-platform-selfdeveloped .platform-work__footer {
        margin-top: 0 !important;
        text-align: center;
        padding: 0 16px;
    }

    .page-template-page-platform-selfdeveloped .platform-work__link {
        display: inline-block;
        width: 150px;
        padding: 10px 0;
        margin: 0 !important;
        background: #1a1a1a;
        color: #ffffff;
        text-decoration: none;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 500;
        transition: background 0.2s;
    }

    .page-template-page-platform-selfdeveloped .platform-work__link:hover {
        background: #333333;
    }

    /* FAQ板块 */
    .page-template-page-platform-selfdeveloped .faq {
        margin-top: 24px !important;
        padding-top: 0 !important;
    }

    .page-template-page-platform-selfdeveloped .faq__title {
        font-size: 38px !important;
        margin-left: 32px !important;
    }

    .page-template-page-platform-selfdeveloped .faq__title-ampersand {
        font-style: italic;
    }

    /* ==================== Work 页面移动端优化 ==================== */
    
    /* FAQ板块标题排版 */
    .page-template-page-work .faq__title {
        font-size: 38px !important;
        margin-left: 32px !important;
    }

    .page-template-page-work .faq__title-ampersand {
        font-style: italic;
    }
}

/* ==================== iPad竖屏优化 (768px - 1024px) ==================== */

@media (min-width: 768px) and (max-width: 1023px) {
    
    /* ==================== iPad竖屏优化 (完全复刻PC端，按屏幕比例缩放) ==================== */
    
    /* 说明：iPad使用PC端完全相同的布局，按实际屏幕宽度比例缩放 */
    /* iPad宽度768-1024px，PC端设计宽度1280px */
    /* 缩放比例：768/1280=0.6, 1024/1280=0.8，取中间值0.7 */
    
    /* 防止横向滚动 */
    html {
        overflow-x: hidden !important;
        width: 100vw !important;
        max-width: 100vw !important;
    }
    
    body {
        overflow-x: hidden !important;
        max-width: 100% !important;
        position: relative !important;
    }
    
    /* 根据屏幕宽度自动计算缩放比例 */
    /* 公式：当前宽度 / PC端设计宽度(1280px) */
    /* 768px → 0.6, 1024px → 0.8 */
    
    /* 使用CSS变量 + calc() 动态计算缩放 */
    html {
        --design-width: 1280; /* PC端设计宽度 */
        --current-width: 100vw; /* 当前视口宽度 */
    }
    
    body {
        /* 固定缩放值（更可靠） */
        /* 768px: 0.6, 1024px: 0.8, 取中间值 0.75 */
        zoom: 0.75 !important;
        -webkit-zoom: 0.75 !important;
        -moz-transform: scale(0.75) !important;
        -moz-transform-origin: 0 0 !important;
    }
    
    /* Firefox缩放：不调整宽度，让overflow-x: hidden处理 */
    
    /* 书本容器 - 在iPad区间不限制max-width，让zoom自然缩放 */
    .book-wrap {
        max-width: none !important;
    }
    
    /* 书本封面grid - 压缩右侧，给左侧标题更多空间 */
    .book__cover-front {
        grid-template-columns: 1fr 90px !important; /* 从 1fr 120px 改为 1fr 90px */
    }
    
    /* 强制保持PC端布局：4张色卡一排 */
    .home-benefits__grid {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 16px !important;
    }
    
    /* 视觉触达页面瀑布墙 - 取消特殊样式，使用PC端的默认样式 */
    /* 删除之前的覆盖，让它和其他板块保持相同的容器宽度 */
    
    /* Shopify/WordPress/Self-Developed页面定价区域 - 标题和描述同行（覆盖手机端的column布局） */
    .page-template-page-platform-shopify .shopify-pricing__header,
    .page-template-page-platform-wordpress .shopify-pricing__header,
    .page-template-page-platform-selfdeveloped .shopify-pricing__header {
        display: flex !important;
        flex-direction: row !important; /* 覆盖手机端的column */
        justify-content: space-between !important;
        align-items: flex-end !important; /* 底部对齐 */
        gap: 40px !important;
    }
    
    /* 左侧（badge+标题）容器 */
    .shopify-pricing__header-left {
        flex-shrink: 0 !important;
        width: auto !important;
    }
    
    /* 右侧（描述）容器 - 和主标题底部对齐 */
    .shopify-pricing__header-right {
        flex-shrink: 1 !important;
        text-align: right !important;
        width: auto !important;
        max-width: none !important; /* 不限制宽度，让文字自然显示 */
        align-self: flex-end !important; /* 底部对齐 */
        padding-bottom: 4px !important; /* 稍微往下一点点 */
    }
    
    /* 描述文字靠右对齐，3行显示 */
    .shopify-pricing__header-desc {
        text-align: right !important;
        margin: 0 !important;
        line-height: 1.6 !important;
        font-size: 15px !important;
        color: #666 !important;
    }
    
    /* 让最后一个br不显示（4行改为3行） */
    .page-template-page-platform-shopify .shopify-pricing__header-desc br:last-of-type,
    .page-template-page-platform-wordpress .shopify-pricing__header-desc br:last-of-type,
    .page-template-page-platform-selfdeveloped .shopify-pricing__header-desc br:last-of-type {
        display: none !important;
    }
    
    /* 其他br正常显示 */
    .page-template-page-platform-shopify .shopify-pricing__header-desc br,
    .page-template-page-platform-wordpress .shopify-pricing__header-desc br,
    .page-template-page-platform-selfdeveloped .shopify-pricing__header-desc br {
        display: inline !important;
    }
    
    /* 3个价格卡片 - 恢复PC端的水平布局（覆盖手机端的垂直排列） */
    .page-template-page-platform-shopify .shopify-pricing > div:first-child[style*="background:linear-gradient"],
    .page-template-page-platform-wordpress .shopify-pricing > div:first-child[style*="background:linear-gradient"],
    .page-template-page-platform-selfdeveloped .shopify-pricing > div:first-child[style*="background:linear-gradient"] {
        flex-direction: row !important; /* 覆盖手机端的column */
        padding: 24px !important;
        gap: 16px !important;
        margin-top: 0 !important;
    }
    
    /* 每个价格卡片 */
    .page-template-page-platform-shopify .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"],
    .page-template-page-platform-wordpress .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"],
    .page-template-page-platform-selfdeveloped .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"] {
        border-bottom: none !important; /* 移除手机端的分隔线 */
        border-right: 1px solid rgba(136,45,23,0.12) !important; /* 改为垂直分隔线 */
        padding: 0 16px !important;
        margin-bottom: 0 !important;
    }
    
    /* 最后一个卡片不需要右边框 */
    .page-template-page-platform-shopify .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"]:last-child,
    .page-template-page-platform-wordpress .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"]:last-child,
    .page-template-page-platform-selfdeveloped .shopify-pricing > div:first-child[style*="background:linear-gradient"] > div[style*="flex:1"]:last-child {
        border-right: none !important;
    }
    
    /* 下面的3个大价格卡片（$1,500 / $4,500 / $8,000）- 恢复PC端水平布局 */
    .page-template-page-platform-shopify .shopify-pricing__grid,
    .page-template-page-platform-wordpress .shopify-pricing__grid,
    .page-template-page-platform-selfdeveloped .shopify-pricing__grid {
        display: flex !important;
        flex-direction: row !important; /* 覆盖手机端的column */
        gap: 24px !important;
    }
    
    /* 每个大价格卡片 - 增加选择器权重 */
    .page-template-page-platform-shopify .shopify-pricing__grid .shopify-pricing__card,
    .page-template-page-platform-wordpress .shopify-pricing__grid .shopify-pricing__card,
    .page-template-page-platform-selfdeveloped .shopify-pricing__grid .shopify-pricing__card {
        width: auto !important; /* 覆盖手机端的100% */
        max-width: none !important;
        flex: 1 !important; /* 平均分配宽度 */
        min-width: 0 !important;
    }
    
    /* 定价板块容器 - 取消左右padding，和上面板块对齐 */
    .page-template-page-platform-shopify .platform-comparison__container,
    .page-template-page-platform-wordpress .platform-comparison__container,
    .page-template-page-platform-selfdeveloped .platform-comparison__container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* 背景渐变 - 精确计算宽度（zoom 0.75缩放后刚好填满屏幕，不超出） */
    .gr-48,
    .gr-48__overlay,
    .home-hero__gradient {
        width: 1360px !important; /* 1360 * 0.75 = 1020px，不超过1023px iPad屏幕 */
        left: 50% !important;
        margin-left: -680px !important; /* 居中：-宽度的一半 */
        transform: none !important;
    }
    
    /* 径向渐变核心 */
    .gr-48__radial {
        width: 636px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    /* Contact页面 - 排除在zoom缩放之外 */
    .contact-page {
        zoom: 1 !important;
        -webkit-zoom: 1 !important;
        -moz-transform: none !important;
    }
    
    /* Footer - 社媒按钮换行到Services下方 */
    .footer__nav {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        grid-template-rows: auto auto !important;
        gap: 40px 48px !important;
    }
    
    /* Services - 第一行第一列 */
    .footer__nav-column:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    
    /* Platforms - 第一行第二列 */
    .footer__nav-column:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }
    
    /* PRISM - 第一行第三列 */
    .footer__nav-column:nth-child(3) {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }
    
    /* Social - 第二行第一列（Services下方） */
    .footer__nav-column.is-social-media {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

}

/* ==================== 平板端 (768px - 1023px) ==================== */
/* 旧的iPad media query已删除，统一使用第3086行的 @media (min-width: 768px) and (max-width: 1024px) */

/* ==================== 小笔记本屏幕 (1024px - 1280px) ==================== */

@media (min-width: 1024px) and (max-width: 1027px) {
    
    /* 1024-1027px临界区间 - 调整grid布局，给标题更多空间 */
    .book__cover-front {
        grid-template-columns: 1fr 90px !important; /* 从 1fr 120px 改为 1fr 90px */
    }
    
    html, body {
        overflow-x: hidden !important;
    }

}

/* 小笔记本 1024-1180px - 页脚社媒换行 */
@media (min-width: 1024px) and (max-width: 1180px) {
    
    /* Footer - 社媒按钮换行到Services下方 */
    .footer__nav {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        grid-template-rows: auto auto !important;
        gap: 40px 48px !important;
    }
    
    .footer__nav-column:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    
    .footer__nav-column:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }
    
    .footer__nav-column:nth-child(3) {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }
    
    .footer__nav-column.is-social-media {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

}

@media (min-width: 1181px) and (max-width: 1280px) {
    
    /* 1181px以上正常，只解决横向滚动 */
    html, body {
        overflow-x: hidden !important;
    }

}