/* === TUOYUAN Crafts 全站蓝白配色 === */

/* Header */
header.wp-block-template-part, .wp-block-template-part > header, header { 
  background:#FFFFFF !important; 
  border-bottom:1px solid #DCE5EE !important; 
}
header a, header .wp-block-navigation-item__content, header .wp-block-site-title a, header .wp-block-navigation a { 
  color:#102A43 !important; 
}
header a:hover { color:#083A66 !important; }

/* Header RAQ 按钮 */
header a[href*="request-a-quote"] { 
  background-color:#083A66 !important; 
  color:#FFFFFF !important; 
  border-radius:4px;
}
header a[href*="request-a-quote"]:hover { 
  background-color:#062A4D !important; 
  color:#FFFFFF !important;
}

/* Footer */
footer.wp-block-template-part, .wp-block-template-part > footer, footer { 
  background:#05203C !important; 
}
footer, footer * { color:#FFFFFF !important; }
footer a { color:#DCE5EE !important; }
footer a:hover { color:#FFFFFF !important; }

/* 按钮 */
.wp-block-button__link, a.wp-block-button__link, .button, .wpcom-button { 
  background-color:#083A66 !important; 
  color:#FFFFFF !important;
}
.wp-block-button__link:hover, .button:hover, .wpcom-button:hover { 
  background-color:#083E70 !important; 
  color:#FFFFFF !important;
}

/* === 覆盖页面内联绿色样式 === */

/* 深绿背景 Hero 区 -> 深蓝 */
section[style*="#123F36"] {
  background-color: #0F2B4B !important;
}

/* 浅绿背景 CTA 区 -> 浅蓝灰 */
section[style*="#EEF8F5"] {
  background-color: #F0F4F8 !important;
}

/* 深绿文字标题 -> 深蓝 */
h3[style*="#123F36"], h2[style*="#123F36"], h4[style*="#123F36"], .wp-block-heading[style*="#123F36"] {
  color: #102A43 !important;
}

/* 深绿按钮 -> 深蓝 */
a[style*="background-color:#123F36"], button[style*="background-color:#123F36"], .button[style*="#123F36"] {
  background-color: #083A66 !important;
}

/* 深绿文字链接 -> 深蓝 */
a[style*="color:#123F36"] {
  color: #083A66 !important;
}

/* === 批量覆盖绿色系内联样式 === */

/* #123F36 深绿文字 -> 深蓝 */
[style*="color:#123F36"] { color: #102A43 !important; }

/* #123F36 深绿背景 -> 深蓝 */
[style*="background-color:#123F36"], [style*="background:#123F36"] { background-color: #083A66 !important; }

/* #182520 深绿黑文字 -> 深蓝黑 */
[style*="color:#182520"] { color: #1A202C !important; }

/* #B2E3D8 浅绿按钮 -> 深蓝按钮（仅链接按钮，排除产品图） */
a[style*="background:#B2E3D8"], a[style*="background-color:#B2E3D8"] {
  background-color: #083A66 !important;
  color: #FFFFFF !important;
}

/* #5B6863 灰绿文字 -> 深灰 */
[style*="color:#5B6863"] { color: #4A5568 !important; }

/* #D5E4E0 浅绿文字 -> 浅蓝灰 */
[style*="color:#D5E4E0"] { color: #A0AEC0 !important; }

/* #F7FBFA 极浅绿背景 -> 极浅灰 */
[style*="background-color:#F7FBFA"], [style*="background:#F7FBFA"] { background-color: #F7FAFC !important; }

/* 导航激活项文字白色 */
a.tuoyuan-nav-active { color: #FFFFFF !important; }

/* Header logo 文字深蓝 */
header .wp-block-site-title a, header .site-title a { color: #102A43 !important; }

/* === 导航激活项 + CTA图标统一 === */

/* 导航激活项背景：深绿 -> 深蓝（更强选择器） */
header nav a.tuoyuan-nav-active,
header .wp-block-navigation a.tuoyuan-nav-active,
header a.tuoyuan-nav-active {
  background-color: #083A66 !important;
  color: #FFFFFF !important;
}

/* CTA 图标背景：浅绿 #B2E3D8 -> 浅蓝灰 #DCE5EE（仅80px圆形图标，排除产品图） */
div[style*="width:80px"][style*="background-color:#B2E3D8"],
div[style*="width: 80px"][style*="background-color:#B2E3D8"] {
  background-color: #DCE5EE !important;
}

/* CTA 区背景统一为首页的极浅蓝 */
section[style*="background-color:#EEF8F5"],
section[style*="background:#EEF8F5"] {
  background-color: #EEF4F9 !important;
}

/* v1787921928 cache refresh */

/* === CTA按钮文字修复：强制白色 === */
a[style*="background-color:#123F36"],
a[href*="request-a-quote"][style*="background-color"] {
  color: #FFFFFF !important;
}
/* CTA区内所有按钮文字白色 */
section:has(h2) a[style*="background-color"],
section:has(h2) a[href*="request-a-quote"] {
  color: #FFFFFF !important;
}

/* === CTA图标统一：椰子树 -> 齿轮 === */
div[style*="border-radius:50%"] img.emoji[alt="🌴"] {
  content: url("https://s.w.org/images/core/emoji/17.0.2/svg/2699.svg") !important;
}

/* === Hero区全白按钮 -> 白色外框样式 === */
a[style*="background-color:#FFFFFF"][href*="request-a-quote"],
a[style*="background-color: #FFFFFF"][href*="request-a-quote"] {
  background-color: transparent !important;
  border: 2px solid #FFFFFF !important;
  color: #FFFFFF !important;
  padding: 12px 24px !important;
}
/* 深色背景区内的全白按钮统一改成白色外框 */
.wp-block-cover a[style*="background-color:#FFFFFF"],
.wp-block-cover a[style*="background-color: #FFFFFF"] {
  background-color: transparent !important;
  border: 2px solid #FFFFFF !important;
  color: #FFFFFF !important;
}

/* === Manufacturing Hero区间距调整 - 跟其他页面一致 === */
.page-id-126 section[style*="background-color:#123F36"] > div[style*="padding:96px"] {
  padding: 48px 32px !important;
}

/* === 首页Hero右栏消除空白文本节点导致的顶部偏移 === */
div[style*="flex:1.8"][style*="background-color:#F5F8FC"] {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* === Products页面产品卡片图片：完整显示、居中、无裁剪 === */
.page-id-100 a[href*="/products/"] {
  display: block !important;
  height: 240px !important;
  overflow: hidden !important;
}
.page-id-100 a[href*="/products/"] img {
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
/* 重置页眉和页尾导航链接，避免被产品卡片样式影响 */
.page-id-100 header a[href*="/products/"],
.page-id-100 footer a[href*="/products/"] {
  display: inline-block !important;
  height: auto !important;
  overflow: visible !important;
}
.page-id-100 header a[href*="/products/"] img,
.page-id-100 footer a[href*="/products/"] img {
  object-fit: initial !important;
  width: auto !important;
  height: auto !important;
}


/* ============================================
   移动端响应式适配 (max-width: 768px)
   ============================================ */
@media (max-width: 768px) {
  /* 1. 修复横向溢出 */
  html, body {
    overflow-x: hidden !important;
  }
  .wp-block-group.alignfull {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* 确保alignfull内部的section和内容容器占满宽度 */
  .wp-block-group.alignfull > div,
  .wp-block-group.alignfull section,
  .wp-block-group.alignfull > div > section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* 内容容器在移动端占满宽度，保留适当内边距 */
  .wp-block-group.alignfull div[style*="max-width:1200px"],
  .wp-block-group.alignfull div[style*="max-width: 1200px"] {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 2. 标题字号响应式 */
  h1 {
    font-size: clamp(28px, 7vw, 36px) !important;
    line-height: 1.2 !important;
  }
  h2 {
    font-size: clamp(24px, 6vw, 30px) !important;
    line-height: 1.25 !important;
  }
  h3 {
    font-size: clamp(20px, 5vw, 24px) !important;
    line-height: 1.3 !important;
  }

  /* 3. 产品网格响应式 - 1列 */
  main .wp-block-post-template,
  main .wp-block-query,
  main [style*="grid-template-columns: repeat(3"],
  main [style*="grid-template-columns:repeat(3"] {
    grid-template-columns: 1fr !important;
  }

  /* 4. 页脚响应式 - 5列改1列 */
  footer > .wp-block-group > .wp-block-columns,
  footer .wp-block-columns[style*="grid-template-columns"],
  footer [style*="grid-template-columns: 1.1fr"] {
    grid-template-columns: 1fr !important;
    display: grid !important;
    gap: 24px !important;
  }
  footer .wp-block-column {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 5. 内容页双栏改单列（仅限正文区域，不影响卡片内部） */
  main .entry-content > .wp-block-columns:not(.is-not-stacked-on-mobile),
  main .wp-block-post-content > .wp-block-columns:not(.is-not-stacked-on-mobile) {
    flex-direction: column !important;
  }
  main .entry-content > .wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column,
  main .wp-block-post-content > .wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 6. 首页Hero按钮垂直排列（仅限封面区域内的按钮） */
  .wp-block-cover .wp-block-buttons,
  .hero-section .wp-block-buttons {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .wp-block-cover .wp-block-buttons .wp-block-button,
  .hero-section .wp-block-buttons .wp-block-button {
    width: 100% !important;
    margin: 8px 0 !important;
  }
  .wp-block-cover .wp-block-buttons .wp-block-button a,
  .hero-section .wp-block-buttons .wp-block-button a {
    width: 100% !important;
    text-align: center !important;
    padding: 14px 20px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* 7. 表单移动端适配 */
  form input[type="text"],
  form input[type="email"],
  form input[type="tel"],
  form input[type="url"],
  form input[type="number"],
  form input[type="date"],
  form select,
  form textarea {
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
  }
  form textarea {
    min-height: 120px !important;
  }
  form label {
    display: block !important;
    margin-bottom: 6px !important;
    font-weight: 600 !important;
  }
  form .wp-block-column,
  form [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }

  /* 8. 导航移动端 - 简化显示 */
  header .wp-block-navigation__container,
  header nav .wp-block-page-list,
  header nav > div > div {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  header .wp-block-navigation-item {
    margin: 4px 8px !important;
  }
  header .wp-block-navigation-item a {
    padding: 10px 12px !important;
    min-height: 44px !important;
    font-size: 14px !important;
  }

  /* 9. 卡片间距 */
  .wp-block-post {
    margin-bottom: 24px !important;
  }
}

/* ============================================
   小屏手机优化 (max-width: 480px)
   ============================================ */
@media (max-width: 480px) {
  h1 {
    font-size: clamp(24px, 8vw, 30px) !important;
  }
  h2 {
    font-size: clamp(20px, 7vw, 26px) !important;
  }
  header .wp-block-navigation-item a {
    padding: 8px 10px !important;
    font-size: 13px !important;
  }
}
/* ============================================
   小屏手机优化 (max-width: 480px)
   ============================================ */
@media (max-width: 480px) {
  h1 {
    font-size: clamp(24px, 8vw, 30px) !important;
  }
  h2 {
    font-size: clamp(20px, 7vw, 26px) !important;
  }
  body {
    font-size: 15px !important;
  }
  header .wp-block-navigation-item a {
    padding: 8px 10px !important;
    font-size: 13px !important;
  }
}


/* ============================================
   移动端Logo大小限制
   ============================================ */
@media (max-width: 768px) {
  header img[alt="TUOYUAN Crafts logo"],
  header .wp-block-template-part img[alt*="logo"],
  header a[href="/"] img {
    max-width: 60px !important;
    width: 60px !important;
    height: auto !important;
    object-fit: contain !important;
  }
  
  /* 移动端header布局调整 - logo和导航在同一行 */
  header .wp-block-template-part > header > div,
  header [style*="max-width:1200px"] {
    flex-direction: row !important;
    align-items: center !important;
    padding: 8px 16px !important;
  }
  
  /* logo容器不占满宽度 */
  header [style*="flex-shrink:0"] {
    flex-shrink: 0 !important;
    width: auto !important;
  }
}

@media (max-width: 480px) {
  header img[alt="TUOYUAN Crafts logo"],
  header .wp-block-template-part img[alt*="logo"],
  header a[href="/"] img {
    max-width: 50px !important;
    width: 50px !important;
  }
}


/* ============================================
   行业页面移动端适配 (Hero缩小 + 产品图在上)
   ============================================ */
@media (max-width: 768px) {
  /* 行业页面Hero区域缩小 */
  .entry-content section:first-child,
  .entry-content section[style*="background-color:#103F35"],
  .entry-content section[style*="background-color: rgb(16, 63, 53)"] {
    min-height: auto !important;
    height: auto !important;
  }
  
  .entry-content section:first-child > div[style*="display:flex"],
  .entry-content section[style*="background-color:#103F35"] > div[style*="display:flex"],
  .entry-content section[style*="background-color: rgb(16, 63, 53)"] > div[style*="display:flex"] {
    padding: 30px 20px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  
  .entry-content section:first-child > div > div[style*="max-width:46%"],
  .entry-content section[style*="background-color:#103F35"] > div > div[style*="max-width:46%"] {
    max-width: 100% !important;
    width: 100% !important;
  }
  
  /* Hero区域H1字号缩小 */
  .entry-content section:first-child h1,
  .entry-content section[style*="background-color:#103F35"] h1 {
    font-size: 28px !important;
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
  }
  
  .entry-content section:first-child p,
  .entry-content section[style*="background-color:#103F35"] p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  
  /* 行业页面内容区域 - 产品图在上，文案在下 */
  .entry-content section > div[style*="display:flex"][style*="gap:48px"],
  .entry-content section > div[style*="display:flex"][style*="align-items:stretch"] {
    flex-direction: column !important;
    gap: 20px !important;
    padding: 0 20px !important;
  }
  
  /* 文案栏（左栏40%）改为100%宽度，排在产品图后面 */
  .entry-content section > div[style*="display:flex"] > div[style*="flex:0 0 40%"],
  .entry-content section > div[style*="display:flex"] > div[style*="flex:0 0 40%;"] {
    flex: 0 0 100% !important;
    width: 100% !important;
    order: 2 !important;
  }
  
  /* 产品图栏（右栏60%）改为100%宽度，排在前面 */
  .entry-content section > div[style*="display:flex"] > div:not([style*="flex:0 0 40%"]):not([style*="flex:0 0 40%;"]) {
    flex: 0 0 100% !important;
    width: 100% !important;
    order: 1 !important;
  }
  
  /* 内容区域标题字号缩小 */
  .entry-content section h2 {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }
  
  .entry-content section div[style*="font-size:24px"] {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 480px) {
  .entry-content section:first-child h1,
  .entry-content section[style*="background-color:#103F35"] h1 {
    font-size: 24px !important;
  }
  
  .entry-content section h2 {
    font-size: 20px !important;
  }
}


/* ============================================
   移动端导航栏修复 - 自定义导航#tuoyuan-main-nav
   ============================================ */
@media (max-width: 768px) {
  /* 导航容器允许换行 */
  #tuoyuan-main-nav {
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px 12px !important;
    flex: 1 1 auto !important;
  }
  
  /* 导航项样式 */
  #tuoyuan-main-nav a {
    font-size: 13px !important;
    padding: 8px 10px !important;
    min-height: 40px !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }
  
  /* REQUEST A QUOTE按钮特殊样式 */
  #tuoyuan-main-nav a[href*="request-a-quote"],
  #tuoyuan-main-nav a:last-child {
    font-size: 12px !important;
    padding: 8px 12px !important;
  }
  
  /* 导航外层容器调整 */
  header [style*="max-width:1200px"][style*="display:flex"] {
    flex-wrap: wrap !important;
    justify-content: center !important;
    padding: 8px 16px !important;
    gap: 8px !important;
  }
  
  /* Logo容器不换行 */
  header [style*="flex-shrink:0"] {
    flex: 0 0 auto !important;
    width: auto !important;
  }
}

@media (max-width: 480px) {
  #tuoyuan-main-nav {
    gap: 6px 8px !important;
  }
  
  #tuoyuan-main-nav a {
    font-size: 12px !important;
    padding: 6px 8px !important;
    min-height: 36px !important;
  }
}


/* ============================================
   行业页面移动端Hero最小化 - 只保留H1（通用所有行业页面）
   ============================================ */
@media (max-width: 768px) {
  /* Hero背景区域最小高度 */
  .entry-content section:first-child > div[style*="min-height"],
  .entry-content section[style*="background-color"] > div[style*="min-height"] {
    min-height: auto !important;
    height: auto !important;
  }
  
  /* Hero内容容器 - 缩小内边距 */
  .entry-content section:first-child > div > div[style*="padding:"][style*="display:flex"],
  .entry-content section[style*="background-color"] > div > div[style*="padding:"][style*="display:flex"] {
    padding: 24px 20px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  
  /* Hero内容宽度 - 100%（匹配44%和46%两种宽度） */
  .entry-content div[style*="max-width:44%"],
  .entry-content div[style*="max-width:46%"],
  .entry-content section div[style*="max-width:44%"],
  .entry-content section div[style*="max-width:46%"] {
    max-width: 100% !important;
    width: 100% !important;
  }
  
  /* 隐藏小标题（第一个p，金色12px） */
  .entry-content div[style*="max-width:44%"] > p:first-child,
  .entry-content div[style*="max-width:46%"] > p:first-child,
  .entry-content section div[style*="max-width:44%"] > p:first-child,
  .entry-content section div[style*="max-width:46%"] > p:first-child {
    display: none !important;
  }
  
  /* 隐藏副标题（div带分隔线，flex布局） */
  .entry-content div[style*="max-width:44%"] > div[style*="display:flex"],
  .entry-content div[style*="max-width:46%"] > div[style*="display:flex"],
  .entry-content section div[style*="max-width:44%"] > div[style*="display:flex"],
  .entry-content section div[style*="max-width:46%"] > div[style*="display:flex"] {
    display: none !important;
  }
  
  /* 隐藏描述文字（最后一个p，浅米色15px） */
  .entry-content div[style*="max-width:44%"] > p:last-child,
  .entry-content div[style*="max-width:46%"] > p:last-child,
  .entry-content section div[style*="max-width:44%"] > p:last-child,
  .entry-content section div[style*="max-width:46%"] > p:last-child {
    display: none !important;
  }
  
  /* 只保留H1，缩小字号 */
  .entry-content div[style*="max-width:44%"] > h1,
  .entry-content div[style*="max-width:46%"] > h1,
  .entry-content section div[style*="max-width:44%"] > h1,
  .entry-content section div[style*="max-width:46%"] > h1 {
    font-size: 24px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 480px) {
  .entry-content div[style*="max-width:44%"] > h1,
  .entry-content div[style*="max-width:46%"] > h1,
  .entry-content section div[style*="max-width:44%"] > h1,
  .entry-content section div[style*="max-width:46%"] > h1 {
    font-size: 20px !important;
  }
  
  .entry-content section:first-child > div > div[style*="padding:"][style*="display:flex"],
  .entry-content section[style*="background-color"] > div > div[style*="padding:"][style*="display:flex"] {
    padding: 16px 16px !important;
  }
}

/* ============================================
   首页Hero区域保护 - 保持双栏布局
   ============================================ */
@media (max-width: 768px) {
  /* 首页Hero区域双栏保持flex布局，不改为单列 */
  .home .entry-content div[style*="display:flex"][style*="min-height:500px"],
  .home .wp-block-post-content div[style*="display:flex"][style*="min-height:500px"] {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
  
  /* 首页Hero左栏内容保持宽度 */
  .home .entry-content div[style*="flex:1"][style*="min-width:350px"],
  .home .wp-block-post-content div[style*="flex:1"][style*="min-width:350px"] {
    flex: 1 1 100% !important;
    min-width: 100% !important;
    padding: 30px 20px !important;
  }
  
  /* 首页Hero右栏图片保持宽度 */
  .home .entry-content div[style*="display:flex"][style*="min-height:500px"] > div:not([style*="flex:1"]),
  .home .wp-block-post-content div[style*="display:flex"][style*="min-height:500px"] > div:not([style*="flex:1"]) {
    flex: 1 1 100% !important;
    min-width: 100% !important;
  }
  
  /* 首页Hero H1字号 */
  .home .entry-content div[style*="flex:1"] h1,
  .home .wp-block-post-content div[style*="flex:1"] h1 {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }
}

/* ============================================
   首页Hero区域移动端适配 - 修复留白，占满宽度
   ============================================ */
@media (max-width: 768px) {
  /* Hero外层容器占满宽度 */
  .home .entry-content div[style*="min-height:500px"][style*="max-width:1200px"],
  .home .wp-block-post-content div[style*="min-height:500px"][style*="max-width:1200px"] {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    min-height: auto !important;
  }
  
  /* Hero左栏（深蓝色内容区）占满宽度 */
  .home .entry-content div[style*="background-color:#072A50"],
  .home .wp-block-post-content div[style*="background-color:#072A50"],
  .home .entry-content div[style*="flex:1"][style*="min-width:350px"],
  .home .wp-block-post-content div[style*="flex:1"][style*="min-width:350px"] {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    padding: 30px 20px !important;
    margin: 0 !important;
  }
  
  /* Hero右栏（图片区）占满宽度 */
  .home .entry-content div[style*="flex:1.8"][style*="min-width:400px"],
  .home .wp-block-post-content div[style*="flex:1.8"][style*="min-width:400px"],
  .home .entry-content div[style*="background-color:#F5F8FC"],
  .home .wp-block-post-content div[style*="background-color:#F5F8FC"] {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Hero右栏图片占满宽度 */
  .home .entry-content div[style*="flex:1.8"] img,
  .home .wp-block-post-content div[style*="flex:1.8"] img,
  .home .entry-content div[style*="background-color:#F5F8FC"] img,
  .home .wp-block-post-content div[style*="background-color:#F5F8FC"] img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }
  
  /* Hero H1字号 */
  .home .entry-content div[style*="background-color:#072A50"] h1,
  .home .wp-block-post-content div[style*="background-color:#072A50"] h1 {
    font-size: 28px !important;
    line-height: 1.25 !important;
    margin: 0 0 12px 0 !important;
  }
  
  /* Hero描述文字 */
  .home .entry-content div[style*="background-color:#072A50"] p,
  .home .wp-block-post-content div[style*="background-color:#072A50"] p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 0 16px 0 !important;
  }
  
  /* Hero按钮垂直排列 */
  .home .entry-content div[style*="background-color:#072A50"] .wp-block-buttons,
  .home .wp-block-post-content div[style*="background-color:#072A50"] .wp-block-buttons {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  
  .home .entry-content div[style*="background-color:#072A50"] .wp-block-button,
  .home .wp-block-post-content div[style*="background-color:#072A50"] .wp-block-button {
    width: 100% !important;
    margin: 8px 0 !important;
  }
  
  .home .entry-content div[style*="background-color:#072A50"] .wp-block-button a,
  .home .wp-block-post-content div[style*="background-color:#072A50"] .wp-block-button a {
    width: 100% !important;
    text-align: center !important;
    padding: 14px 20px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

@media (max-width: 480px) {
  .home .entry-content div[style*="background-color:#072A50"] h1,
  .home .wp-block-post-content div[style*="background-color:#072A50"] h1 {
    font-size: 24px !important;
  }
  
  .home .entry-content div[style*="background-color:#072A50"],
  .home .wp-block-post-content div[style*="background-color:#072A50"] {
    padding: 20px 16px !important;
  }
}

/* ============================================
   About页面移动端适配 - 修复右边留白，重新排版
   ============================================ */
@media (max-width: 768px) {
  /* About页面所有section占满宽度 */
  .page-id-142 .entry-content section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* About页面所有内容容器占满宽度 */
  .page-id-142 .entry-content div[style*="max-width:1200px"] {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 20px !important;
    left: 0 !important;
  }
  
  /* About页面所有2列grid布局改为单列 */
  .page-id-142 .entry-content div[style*="grid-template-columns:1fr 1fr"],
  .page-id-142 .entry-content div[style*="grid-template-columns:1fr 1.2fr"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 0 20px !important;
  }
  
  /* About页面所有3列grid布局改为单列 */
  .page-id-142 .entry-content div[style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 0 20px !important;
  }
  
  /* About页面所有多列grid布局改为单列 */
  .page-id-142 .entry-content div[style*="grid-template-columns:repeat("] {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 0 20px !important;
  }
  
  /* 创始人介绍区域 - 照片在上，文案在下（使用:has选择器） */
  .page-id-142 .entry-content div[style*="grid-template-columns:1fr 1fr"]:has(img[alt*="Adrian"]) > div:first-child {
    order: 2 !important;
    width: 100% !important;
  }
  
  .page-id-142 .entry-content div[style*="grid-template-columns:1fr 1fr"]:has(img[alt*="Adrian"]) > div:last-child {
    order: 1 !important;
    width: 100% !important;
  }
  
  /* 创始人照片居中，宽度100% */
  .page-id-142 .entry-content img[alt*="Adrian"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }
  
  /* About页面标题字号 */
  .page-id-142 .entry-content h1 {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }
  
  .page-id-142 .entry-content h2 {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }
  
  .page-id-142 .entry-content h3 {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }
  
  /* About页面正文字号 */
  .page-id-142 .entry-content p {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }
  
  /* About页面按钮垂直排列 */
  .page-id-142 .entry-content .wp-block-buttons {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  
  .page-id-142 .entry-content .wp-block-button {
    width: 100% !important;
    margin: 8px 0 !important;
  }
  
  .page-id-142 .entry-content .wp-block-button a {
    width: 100% !important;
    text-align: center !important;
    padding: 14px 20px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  /* 移除横向滚动 */
  .page-id-142 html, .page-id-142 body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
}

@media (max-width: 480px) {
  .page-id-142 .entry-content h1 {
    font-size: 24px !important;
  }
  
  .page-id-142 .entry-content h2 {
    font-size: 20px !important;
  }
  
  .page-id-142 .entry-content div[style*="max-width:1200px"] {
    padding: 0 16px !important;
  }
}


/* ============================================
   移动端隐藏所有页面CTA区域图标 + 文案居中对齐
   ============================================ */
@media (max-width: 768px) {
  /* 1. 隐藏CTA图标容器（flex:0 0 120px的div，包含圆形图标） */
  div[style*="flex:0 0 120px"],
  div[style*="flex: 0 0 120px"] {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  
  /* 2. 隐藏所有80x80圆形图标背景（包含emoji的） */
  div[style*="width:80px"][style*="height:80px"][style*="border-radius:50%"],
  div[style*="width: 80px"][style*="height: 80px"][style*="border-radius: 50%"],
  div[style*="width:80px"][style*="height:80px"][style*="border-radius: 50%"],
  div[style*="width: 80px"][style*="height: 80px"][style*="border-radius:50%"] {
    display: none !important;
  }
  
  /* 3. 隐藏CTA区域内的所有emoji图标（备用方案） */
  div[style*="max-width:1000px"] img.emoji,
  div[style*="max-width: 1000px"] img.emoji {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  
  /* 4. CTA内容容器（包含图标容器的flex容器）改为居中对齐 */
  div[style*="max-width:1000px"][style*="display:flex"],
  div[style*="max-width: 1000px"][style*="display:flex"] {
    justify-content: center !important;
    text-align: center !important;
  }
  
  /* 5. CTA容器内所有直接子元素居中对齐 */
  div[style*="max-width:1000px"][style*="display:flex"] > div,
  div[style*="max-width: 1000px"][style*="display:flex"] > div {
    text-align: center !important;
    align-items: center !important;
  }
  
  /* 6. CTA区域标题、描述文字居中 */
  div[style*="max-width:1000px"][style*="display:flex"] h2,
  div[style*="max-width: 1000px"][style*="display:flex"] h2,
  div[style*="max-width:1000px"][style*="display:flex"] h3,
  div[style*="max-width: 1000px"][style*="display:flex"] h3,
  div[style*="max-width:1000px"][style*="display:flex"] p,
  div[style*="max-width: 1000px"][style*="display:flex"] p {
    text-align: center !important;
  }
  
  /* 7. CTA区域按钮居中 */
  div[style*="max-width:1000px"][style*="display:flex"] .wp-block-buttons,
  div[style*="max-width: 1000px"][style*="display:flex"] .wp-block-buttons {
    justify-content: center !important;
  }
}


/* ============================================
   移动端所有产品页面产品网格改为单列（跟Snow Globes一致）
   ============================================ */
@media (max-width: 768px) {
  /* 2列产品网格改为单列 */
  div[style*="grid-template-columns:repeat(2,1fr)"],
  div[style*="grid-template-columns: repeat(2, 1fr)"],
  div[style*="grid-template-columns:repeat(2, 1fr)"],
  div[style*="grid-template-columns: repeat(2,1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }
  
  /* 3列产品网格改为单列 */
  div[style*="grid-template-columns:repeat(3,1fr)"],
  div[style*="grid-template-columns: repeat(3, 1fr)"],
  div[style*="grid-template-columns:repeat(3, 1fr)"],
  div[style*="grid-template-columns: repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }
  
  /* 4列产品网格改为单列 */
  div[style*="grid-template-columns:repeat(4,1fr)"],
  div[style*="grid-template-columns: repeat(4, 1fr)"],
  div[style*="grid-template-columns:repeat(4, 1fr)"],
  div[style*="grid-template-columns: repeat(4,1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }
  
  /* 产品卡片占满宽度 */
  div[style*="grid-template-columns:repeat(2,1fr)"] > div,
  div[style*="grid-template-columns: repeat(2, 1fr)"] > div,
  div[style*="grid-template-columns:repeat(3,1fr)"] > div,
  div[style*="grid-template-columns: repeat(3, 1fr)"] > div,
  div[style*="grid-template-columns:repeat(4,1fr)"] > div,
  div[style*="grid-template-columns: repeat(4, 1fr)"] > div {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* 产品卡片图片占满宽度 */
  div[style*="grid-template-columns:repeat(2,1fr)"] > div img,
  div[style*="grid-template-columns: repeat(2, 1fr)"] > div img,
  div[style*="grid-template-columns:repeat(3,1fr)"] > div img,
  div[style*="grid-template-columns: repeat(3, 1fr)"] > div img,
  div[style*="grid-template-columns:repeat(4,1fr)"] > div img,
  div[style*="grid-template-columns: repeat(4, 1fr)"] > div img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

@media (max-width: 480px) {
  div[style*="grid-template-columns:repeat(2,1fr)"],
  div[style*="grid-template-columns: repeat(2, 1fr)"],
  div[style*="grid-template-columns:repeat(3,1fr)"],
  div[style*="grid-template-columns: repeat(3, 1fr)"],
  div[style*="grid-template-columns:repeat(4,1fr)"],
  div[style*="grid-template-columns: repeat(4, 1fr)"] {
    gap: 16px !important;
    padding: 0 12px !important;
  }
}


/* ============================================
   移动端页尾导航栏排版修复
   ============================================ */
@media (max-width: 768px) {
  /* 页尾5列网格改为2列布局 */
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"],
  div[style*="grid-template-columns: 1.1fr 1fr 1fr 1fr 1.5fr"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    margin-bottom: 24px !important;
  }
  
  /* TUOYUAN CRAFTS列（第一列）移到底部，横版排列 */
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"] > div:first-child,
  div[style*="grid-template-columns: 1.1fr 1fr 1fr 1fr 1.5fr"] > div:first-child {
    order: 5 !important;
    grid-column: 1 / -1 !important;
    text-align: center !important;
    border-top: 1px solid rgba(255,255,255,0.15) !important;
    padding-top: 24px !important;
    margin-top: 8px !important;
  }
  
  /* TUOYUAN CRAFTS列内的标题居中 */
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"] > div:first-child h2,
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"] > div:first-child h3,
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"] > div:first-child p {
    text-align: center !important;
  }
  
  /* TUOYUAN CRAFTS列内的按钮居中 */
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"] > div:first-child .wp-block-buttons,
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"] > div:first-child a {
    justify-content: center !important;
    text-align: center !important;
  }
  
  /* 其他列标题和链接左对齐（保持可读性） */
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"] > div:not(:first-child) {
    text-align: left !important;
  }
  
  /* 页尾链接适当间距 */
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"] > div a {
    display: block !important;
    padding: 4px 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 480px) {
  /* 小屏页尾改为单列 */
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"],
  div[style*="grid-template-columns: 1.1fr 1fr 1fr 1fr 1.5fr"] {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 0 20px !important;
  }
  
  /* TUOYUAN CRAFTS列仍然在底部横版 */
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"] > div:first-child,
  div[style*="grid-template-columns: 1.1fr 1fr 1fr 1fr 1.5fr"] > div:first-child {
    order: 5 !important;
    grid-column: 1 / -1 !important;
  }
}

/* ============================================
   移动端隐藏页尾Products/Industries/Company导航
   ============================================ */
@media (max-width: 768px) {
  /* 隐藏Products列（第2列） */
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"] > div:nth-child(2),
  div[style*="grid-template-columns: 1.1fr 1fr 1fr 1fr 1.5fr"] > div:nth-child(2) {
    display: none !important;
  }
  
  /* 隐藏Industries列（第3列） */
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"] > div:nth-child(3),
  div[style*="grid-template-columns: 1.1fr 1fr 1fr 1fr 1.5fr"] > div:nth-child(3) {
    display: none !important;
  }
  
  /* 隐藏Company列（第4列） */
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"] > div:nth-child(4),
  div[style*="grid-template-columns: 1.1fr 1fr 1fr 1fr 1.5fr"] > div:nth-child(4) {
    display: none !important;
  }
  
  /* 页尾网格改为单列布局（只显示Contact列） */
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"],
  div[style*="grid-template-columns: 1.1fr 1fr 1fr 1fr 1.5fr"] {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  
  /* Contact列（第5列）居中对齐 */
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"] > div:nth-child(5),
  div[style*="grid-template-columns: 1.1fr 1fr 1fr 1fr 1.5fr"] > div:nth-child(5) {
    text-align: center !important;
  }
  
  /* Contact列内的链接居中 */
  div[style*="grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr"] > div:nth-child(5) a,
  div[style*="grid-template-columns: 1.1fr 1fr 1fr 1fr 1.5fr"] > div:nth-child(5) a {
    text-align: center !important;
  }
}

/* ============================================
   移动端社媒图标修复 - 保持正确比例和大小
   ============================================ */
@media (max-width: 768px) {
  /* 社媒图标容器居中，增加间距 */
  div[style*="margin-top:16px"][style*="display:flex"][style*="gap:6px"],
  div[style*="display:flex"][style*="flex-wrap:wrap"][style*="gap:6px"] {
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 20px !important;
    margin-bottom: 8px !important;
  }
  
  /* 社媒链接保持正方形，不被拉伸 */
  div[style*="margin-top:16px"][style*="display:flex"][style*="gap:6px"] > a,
  div[style*="display:flex"][style*="flex-wrap:wrap"][style*="gap:6px"] > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    overflow: hidden !important;
  }
  
  /* 社媒svg图标保持正确比例，不被全局CSS影响 */
  div[style*="margin-top:16px"][style*="display:flex"][style*="gap:6px"] > a svg,
  div[style*="display:flex"][style*="flex-wrap:wrap"][style*="gap:6px"] > a svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    display: block !important;
    flex-shrink: 0 !important;
  }
}

@media (max-width: 480px) {
  /* 小屏社媒图标稍小 */
  div[style*="margin-top:16px"][style*="display:flex"][style*="gap:6px"] > a,
  div[style*="display:flex"][style*="flex-wrap:wrap"][style*="gap:6px"] > a {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
  }
  
  div[style*="margin-top:16px"][style*="display:flex"][style*="gap:6px"] > a svg,
  div[style*="display:flex"][style*="flex-wrap:wrap"][style*="gap:6px"] > a svg {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
  }
}

/* ============================================
   移动端About页面区域间距修复
   ============================================ */
@media (max-width: 768px) {
  /* About页面每个section之间添加底部间距 */
  .page-id-142 .wp-block-group.alignfull section,
  .page-id-142 .entry-content section,
  .page-id-142 .wp-block-group.alignfull > div > section {
    margin-bottom: 24px !important;
  }
  
  /* About页面footer区域不需要底部间距 */
  .page-id-142 .wp-block-group.alignfull footer,
  .page-id-142 .entry-content footer,
  .page-id-142 .wp-block-group.alignfull > div > footer {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  
  /* About页面最后一个section不需要底部间距 */
  .page-id-142 .wp-block-group.alignfull section:last-of-type,
  .page-id-142 .entry-content section:last-of-type {
    margin-bottom: 0 !important;
  }
  
  /* About页面section内部适当增加上下padding */
  .page-id-142 .wp-block-group.alignfull section,
  .page-id-142 .entry-content section {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  
  /* About页面Hero区域保持较小padding */
  .page-id-142 .wp-block-group.alignfull section:first-child,
  .page-id-142 .entry-content section:first-child {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media (max-width: 480px) {
  /* 小屏间距稍小 */
  .page-id-142 .wp-block-group.alignfull section,
  .page-id-142 .entry-content section {
    margin-bottom: 16px !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}