@charset "utf-8";

/* ================================
   MofuPlus 宠物品牌温柔配色版
   奶油米白 × 樱花粉棕 × 柔和灰绿
================================ */

/* 全站基础 */
body {
  background: #F7F4EF !important;
  color: #3A3A3A !important;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

/* 顶部导航 */
.main-header {
  background: rgba(247, 244, 239, 0.96) !important;
  box-shadow: 0 4px 18px rgba(90, 70, 60, 0.08);
}

.nav-holder nav li a {
  color: #3A3A3A !important;
  font-weight: 600;
  letter-spacing: 0.06em;
}

.nav-holder nav li a:hover,
.nav-holder nav li a.act-link {
  color: #D6AFA0 !important;
}

/* Logo区域 */
.logo-holder {
  background: transparent !important;
}

/* 首页大图遮罩 */
.hero-content .overlay {
  background: linear-gradient(
    to right,
    rgba(42, 32, 28, 0.45),
    rgba(42, 32, 28, 0.18),
    rgba(42, 32, 28, 0.06)
  ) !important;
}

/* 首页大标题 */
.hero-item h2 {
  color: #fff !important;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
}

/* 首页按钮 */
.btn,
.flat-btn,
.float-btn {
  background: #D6AFA0 !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(214, 175, 160, 0.35);
  transition: all 0.3s ease;
}

.btn:hover,
.flat-btn:hover,
.float-btn:hover {
  background: #C79B8B !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(199, 155, 139, 0.45);
}

/* 页面区块背景 */
.content,
section {
  background: #F7F4EF !important;
}

section:nth-of-type(even) {
  background: #EFEAE4 !important;
}

/* 白色内容卡片区域 */
.section-container,
.serv-item,
.pr-tags,
.newslist li {
  background: #fffaf6;
  border-radius: 24px;
  box-shadow: 0 8px 28px rgba(90, 70, 60, 0.08);
}

/* 标题 */
.page-bold-title,
.bold-title,
.service-title {
  color: #3A3A3A !important;
  letter-spacing: 0.05em;
}

/* 标题下划线 */
.page-bold-separator {
  background: #D6AFA0 !important;
}

/* 正文 */
p,
.pr-title-text p,
.company-infomation-text,
.newslist li dd {
  color: #555 !important;
  line-height: 2;
}

/* News区域 */
.newslist li {
  padding: 24px 28px !important;
  border-bottom: none !important;
  margin-bottom: 22px !important;
}

.newslist li a {
  color: #3A3A3A !important;
  font-size: 20px;
}

.newslist li a:hover {
  color: #D6AFA0 !important;
}

/* 事业内容图片 */
.box-item {
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(90, 70, 60, 0.12);
}

.box-item img {
  transition: transform 0.45s ease;
}

.box-item:hover img {
  transform: scale(1.04);
}

/* 公司概要 */
.company-infomation {
  color: #8B6F63 !important;
  font-weight: 700;
}

.company-infomation-text {
  color: #3A3A3A !important;
}

/* ACCESS地图 */
iframe {
  border-radius: 26px;
  box-shadow: 0 10px 28px rgba(90, 70, 60, 0.12);
}

/* 手机菜单 */
.menu-wrap {
  right: 0 !important;
  background: #F7F4EF !important;
  -webkit-transform: translate3d(320px,0,0);
  transform: translate3d(320px,0,0);
  visibility: hidden;
}

.show-menu .menu-wrap,
.show-menu .menu-inner,
.show-menu .morph-shape {
  -webkit-transform: translate3d(-30px,0,0);
  transform: translate3d(-30px,0,0);
}

.show-menu .menu-wrap {
  right: 0;
  opacity: 1;
  visibility: visible;
}

/* 手机端优化 */
@media screen and (max-width: 768px) {
  .hero-item h2 {
    font-size: 32px !important;
    line-height: 1.6;
  }

  .btn,
  .flat-btn,
  .float-btn {
    padding: 12px 28px !important;
  }

  .section-container,
  .serv-item,
  .pr-tags,
  .newslist li {
    border-radius: 18px;
  }
}



/* ================================
   MofuPlus 全站背景补丁
   解决 footer / 左侧栏 / content 白色残留
================================ */

/* 全局大背景 */
html,
body,
#main,
#wrapper,
.content-holder,
.content,
.height-emulator {
  background: #F7F4EF !important;
}

/* 顶部导航 */
header.main-header {
  background: rgba(247, 244, 239, 0.96) !important;
  border-bottom: 1px solid #E5DED6 !important;
}

/* 左侧竖向 MofuPlus 区域 */
.main-footer {
  background: #F7F4EF !important;
  border-right: 1px solid #E5DED6 !important;
}

.fixed-title {
  color: #6B4B3A !important;
}

/* 普通页面区块 */
section,
section.service-content-about,
section[style] {
  background: #F7F4EF !important;
}

/* 公司概要 / ACCESS 那种浅色区块 */
.service-content-about {
  background: #F7F4EF !important;
}

/* 底部 Footer 整体 */
.content-footer {
  background: #F7F4EF !important;
}

/* Footer 中间白色大块 */
.footer-inner {
  background: #F7F4EF !important;
  box-shadow: none !important;
}

/* Footer 右侧白色延伸块 */
.content-footer:before {
  background: #F7F4EF !important;
}

/* Footer 分割线 */
.policy-box {
  border-top: 1px solid #E5DED6 !important;
}

/* Footer 文字 */
.footer-box li,
.footer-box li a,
.policy-box p {
  color: #3A3A3A !important;
}

/* Footer 标题线 */
.footer-header {
  color: #3A3A3A !important;
}

.footer-header span {
  color: #D6AFA0 !important;
}

/* 回到顶部按钮 */
.to-top {
  background: #D6AFA0 !important;
  color: #fff !important;
}

/* 公司概要卡片 */
.pr-tags {
  background: #FFFAF6 !important;
  border: 1px solid #E5DED6 !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 24px rgba(90, 70, 60, 0.06) !important;
}

/* ACCESS 地图外框 */
iframe {
  background: #F7F4EF !important;
  border-radius: 24px !important;
  box-shadow: 0 10px 28px rgba(90, 70, 60, 0.12) !important;
  overflow: hidden !important;
}

/* 地图区域下方不要出现纯白 */
#about,
#about .container {
  background: transparent !important;
}


/* ================================
   MofuPlus 手机导航菜单配色修正
================================ */

@media only screen and (max-width: 1064px) {

  /* 手机顶部导航栏 */
  header.main-header {
    background: #F7F4EF !important;
    border-bottom: 1px solid #E5DED6 !important;
  }

  /* 右上角汉堡菜单按钮区域 */
  .nav-button-wrap {
    background: #EFEAE4 !important;
    border-left: 1px solid #E5DED6 !important;
  }

  /* 汉堡菜单三条线 */
  .nav-button span {
    background: #6B4B3A !important;
  }

  /* 手机下拉菜单主体 */
  .nav-holder {
    position: absolute !important;
    top: 70px !important;
    right: 0 !important;
    width: 260px !important;

    background: rgba(247, 244, 239, 0.98) !important;
    border-left: 1px solid #E5DED6 !important;
    border-bottom: 1px solid #E5DED6 !important;
    border-radius: 0 0 0 24px !important;

    padding: 24px 28px !important;
    height: auto !important;
    max-height: calc(100vh - 70px) !important;
    overflow-y: auto !important;

    box-shadow: 0 12px 35px rgba(90, 70, 60, 0.14) !important;
  }

  /* 菜单每一项 */
  .nav-holder nav ul li {
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(229, 222, 214, 0.75) !important;
  }

  .nav-holder nav ul li:last-child {
    border-bottom: none !important;
  }

  /* 菜单文字 */
  .nav-holder nav li a,
  .nav-holder nav li ul li a {
    color: #4A3328 !important;
    background: transparent !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
  }

  /* 菜单 hover */
  .nav-holder nav li a:hover,
  .nav-holder nav li a.act-link {
    color: #D6AFA0 !important;
  }

  /* 如果有二级菜单 */
  .nav-holder nav li ul {
    background: #EFEAE4 !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 10px 14px !important;
    margin-top: 10px !important;
  }

  .nav-holder nav li ul li {
    border-bottom: none !important;
    padding: 8px 0 !important;
  }
}


/* ================================
   MofuPlus 手机版卡片留白优化
   解决内容太满、图片太大、文字太挤
================================ */

@media only screen and (max-width: 768px) {

  /* 页面整体不要贴边 */
  .content,
  section {
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  /* 通用卡片样式 */
  .section-container,
  .serv-item,
  .pr-tags,
  .newslist li {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 28px auto !important;
    padding: 28px 20px 32px 20px !important;
    border-radius: 22px !important;
    box-sizing: border-box !important;
    background: #FFFAF6 !important;
    box-shadow: 0 8px 24px rgba(90, 70, 60, 0.08) !important;
  }

  /* COMPANY 大标题不要太撑 */
  .page-bold-title,
  .bold-title {
    font-size: 38px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 24px !important;
  }

  /* 日文主标题 */
  .pr-title,
  .service-title,
  .section-title h2,
  .pr-title-text h3,
  .serv-item h3 {
    font-size: 25px !important;
    line-height: 1.55 !important;
    margin-bottom: 18px !important;
    letter-spacing: 0.04em !important;
  }

  /* 正文不要太挤 */
  .pr-title-text p,
  .company-infomation-text,
  .serv-item p,
  .newslist li dd,
  section p {
    font-size: 14px !important;
    line-height: 1.9 !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 18px !important;
  }

  /* 列表文字调整 */
  .serv-item ul,
  .pr-title-text ul {
    margin-top: 18px !important;
    padding-left: 0 !important;
  }

  .serv-item li,
  .pr-title-text li {
    font-size: 14px !important;
    line-height: 1.9 !important;
    margin-bottom: 8px !important;
  }

  /* 图片区域不要太大 */
  .box-item,
  .serv-item .box-item,
  .section-container .box-item {
    margin-top: 24px !important;
    margin-bottom: 22px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  /* 图片高度统一，避免占满整个卡片 */
  .box-item img,
  .respimg,
  .serv-item img,
  .section-container img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 20px !important;
  }

  /* 第一块 COMPANY 图片可以稍微矮一点 */
  .section-container .box-item img {
    height: 210px !important;
  }

  /* 事业内容特色卡片里的图片 */
  .serv-item img {
    height: 215px !important;
  }

  /* 卡片之间拉开距离 */
  .services-holder,
  .serv-wrap,
  .company-wrap {
    gap: 28px !important;
  }

  /* 分隔线短一点，更精致 */
  .page-bold-separator {
    width: 70px !important;
    height: 2px !important;
    margin-bottom: 34px !important;
    background: #D6AFA0 !important;
  }
}



/* ================================
   MofuPlus 手机版卡片宽度优化
   解决 COMPANY 卡片太窄的问题
================================ */

@media only screen and (max-width: 768px) {

  /* 页面整体左右留白缩小 */
  .content,
  section,
  .content-holder,
  .container {
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }

  /* COMPANY / 内容卡片整体变宽 */
  .section-container,
  .serv-item,
  .pr-tags,
  .newslist li {
    width: calc(100% - 16px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 30px 22px 34px 22px !important;
    box-sizing: border-box !important;
    border-radius: 22px !important;
  }

  /* 如果外层还有 wrapper 限制，也一起解除 */
  .wrapper,
  #wrapper,
  #main,
  .main-wrapper,
  .content-wrap,
  .company-wrap,
  .services-holder,
  .serv-wrap {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* COMPANY 区块上方不要空太多 */
  .section-container {
    margin-top: 18px !important;
  }

  /* 标题保持舒服，不要因为卡片变宽显得太大 */
  .page-bold-title,
  .bold-title {
    font-size: 40px !important;
    line-height: 1.2 !important;
    margin-bottom: 26px !important;
  }

  /* 主文案标题 */
  .pr-title,
  .pr-title-text h3,
  .service-title,
  .serv-item h3 {
    font-size: 27px !important;
    line-height: 1.55 !important;
  }

  /* 正文 */
  .pr-title-text p,
  .company-infomation-text,
  .serv-item p,
  section p {
    font-size: 14px !important;
    line-height: 1.95 !important;
  }
}


/* ================================
   MofuPlus 手机版卡片加宽版
   让 COMPANY / 事业内容卡片更大气
================================ */

@media only screen and (max-width: 768px) {

  /* 取消外层过大的左右间距 */
  html,
  body,
  #main,
  #wrapper,
  .content-holder,
  .content,
  section,
  .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* 页面内容整体留一点边距，不要贴边 */
  .content-holder,
  .content {
    background: #F7F4EF !important;
  }

  /* 卡片主体加宽 */
  .section-container,
  .serv-item,
  .pr-tags,
  .newslist li {
    width: calc(100vw - 28px) !important;
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 36px 26px 38px 26px !important;
    border-radius: 26px !important;
    box-sizing: border-box !important;
    background: #FFFAF6 !important;
    box-shadow: 0 10px 30px rgba(90, 70, 60, 0.08) !important;
  }

  /* COMPANY 卡片上方距离 */
  .section-container {
    margin-top: 20px !important;
    margin-bottom: 34px !important;
  }

  /* COMPANY 大标题 */
  .page-bold-title,
  .bold-title {
    font-size: 42px !important;
    line-height: 1.15 !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 28px !important;
  }

  /* 下划线 */
  .page-bold-separator {
    width: 72px !important;
    height: 2px !important;
    margin-bottom: 36px !important;
    background: #D6AFA0 !important;
  }

  /* 主标题：减少被迫换行 */
  .pr-title,
  .pr-title-text h3,
  .service-title,
  .serv-item h3 {
    font-size: 30px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 28px !important;
  }

  /* 正文阅读感 */
  .pr-title-text p,
  .company-infomation-text,
  .serv-item p,
  section p {
    font-size: 14.5px !important;
    line-height: 2.05 !important;
    letter-spacing: 0.04em !important;
  }

  /* 图片跟着卡片宽度走 */
  .box-item,
  .serv-item .box-item,
  .section-container .box-item {
    width: 100% !important;
    margin-top: 30px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  .box-item img,
  .respimg,
  .serv-item img,
  .section-container img {
    width: 100% !important;
    height: 230px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 22px !important;
  }
}



/* ================================
   MofuPlus 手机版卡片居中修正
   解决卡片偏左、不居中的问题
================================ */

@media only screen and (max-width: 768px) {

  /* 外层容器统一居中 */
  .content,
  .content-holder,
  section,
  .container,
  .small-container,
  .fl-wrap,
  .row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* 卡片本体：强制居中 */
  .section-container,
  .serv-item,
  .pr-tags,
  .newslist li {
    display: block !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;

    width: calc(100% - 24px) !important;
    max-width: 520px !important;

    margin: 20px auto 34px auto !important;
    padding: 36px 26px 38px 26px !important;
    box-sizing: border-box !important;

    border-radius: 26px !important;
    background: #FFFAF6 !important;
    box-shadow: 0 10px 30px rgba(90, 70, 60, 0.08) !important;
  }

  /* 如果 COMPANY 那块还有单独容器，也一起居中 */
  .section-container,
  .company-wrap,
  .services-holder,
  .serv-wrap {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 图片跟着卡片一起居中 */
  .box-item,
  .section-container .box-item,
  .serv-item .box-item {
    width: 100% !important;
    margin: 28px auto 0 auto !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  .box-item img,
  .respimg,
  .section-container img,
  .serv-item img {
    display: block !important;
    width: 100% !important;
    height: 230px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 22px !important;
    margin: 0 auto !important;
  }
}



/* ================================
   MofuPlus 电脑版 COMPANY 卡片优化
   增加留白，让内容更大气
================================ */

@media only screen and (min-width: 769px) {

  /* COMPANY 卡片整体 */
  .section-container {
    max-width: 1280px !important;
    width: calc(100% - 120px) !important;
    margin: 80px auto 90px auto !important;

    padding: 64px 72px 64px 72px !important;
    box-sizing: border-box !important;

    border-radius: 26px !important;
    background: #FFFAF6 !important;
    box-shadow: 0 16px 42px rgba(90, 70, 60, 0.08) !important;
  }

  /* 左右布局留出空间 */
  .section-container .row,
  .section-container .fl-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 70px !important;
  }

  /* 左侧文字区域 */
  .pr-title-text {
    max-width: 560px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  /* COMPANY 英文标题 */
  .page-bold-title,
  .bold-title {
    font-size: 46px !important;
    line-height: 1.15 !important;
    margin-bottom: 30px !important;
    letter-spacing: 0.08em !important;
  }

  /* 标题下划线 */
  .page-bold-separator {
    width: 78px !important;
    height: 2px !important;
    margin-bottom: 42px !important;
    background: #D6AFA0 !important;
  }

  /* 主标题 */
  .pr-title,
  .pr-title-text h3 {
    font-size: 34px !important;
    line-height: 1.65 !important;
    margin-bottom: 36px !important;
    letter-spacing: 0.05em !important;
  }

  /* 正文 */
  .pr-title-text p,
  .company-infomation-text,
  .section-container p {
    font-size: 15px !important;
    line-height: 2.05 !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 0 !important;
  }

  /* 右侧图片区域 */
  .section-container .box-item {
    width: 460px !important;
    max-width: 40% !important;
    flex-shrink: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    margin: 0 !important;
  }

  .section-container .box-item img,
  .section-container .respimg {
    width: 100% !important;
    height: 330px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 24px !important;
    display: block !important;
  }
}


/* ================================
   MofuPlus 电脑版 COMPANY 卡片最终修正版
   修复图片被压窄、排版比例不正确的问题
================================ */

@media only screen and (min-width: 769px) {

  /* COMPANY 外层区域 */
  .section-container {
    width: min(86vw, 1220px) !important;
    max-width: 1220px !important;
    margin: 80px auto 90px auto !important;
    padding: 56px 64px !important;
    box-sizing: border-box !important;

    border-radius: 28px !important;
    background: #FFFAF6 !important;
    box-shadow: 0 16px 42px rgba(90, 70, 60, 0.08) !important;
  }

  /* 取消原模板 float 带来的错位 */
  .section-container,
  .section-container .row,
  .section-container .col-md-7,
  .section-container .col-md-5,
  .section-container .content-wrap,
  .section-container .box-item {
    float: none !important;
  }

  /* 左右两栏重新排列 */
  .section-container .row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 58px !important;

    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 左侧文字 */
  .section-container .row > .col-md-7 {
    flex: 0 0 54% !important;
    width: 54% !important;
    max-width: 54% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 右侧图片 */
  .section-container .row > .col-md-5 {
    flex: 0 0 30% !important;
    width: 40% !important;
    max-width: 40% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 文字区域不要太满 */
  .section-container .content-wrap.about-wrap {
    max-width: 620px !important;
    width: 100% !important;
  }

  /* COMPANY 英文标题 */
  .section-container .page-bold-title {
    font-size: 44px !important;
    line-height: 1.15 !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 28px !important;
  }

  /* 下划线 */
  .section-container .page-bold-separator {
    width: 76px !important;
    height: 2px !important;
    margin-bottom: 42px !important;
    background: #D6AFA0 !important;
  }

  /* 日文主标题 */
  .section-container .bold-title {
    font-size: 34px !important;
    line-height: 1.65 !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 34px !important;
    padding-bottom: 0 !important;
  }

  /* 正文 */
  .section-container .about-wrap p {
    font-size: 15px !important;
    line-height: 2.05 !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* 图片容器：关键修正，不要再 max-width:40% */
  .section-container .box-item {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 30px rgba(90, 70, 60, 0.12) !important;
  }

  /* 图片完整铺满右侧区域 */
  .section-container .box-item img,
  .section-container .respimg {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 330px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 24px !important;
  }

  /* 图片遮罩不要影响宠物图 */
  .section-container .box-item .overlay {
    display: none !important;
  }
}

/* 中等屏幕微调，避免内容太挤 */
@media only screen and (min-width: 769px) and (max-width: 1100px) {

  .section-container {
    width: calc(100% - 60px) !important;
    padding: 48px 44px !important;
  }

  .section-container .row {
    gap: 40px !important;
  }

  .section-container .bold-title {
    font-size: 30px !important;
  }

  .section-container .box-item img,
  .section-container .respimg {
    height: 300px !important;
  }
}



/* ================================
   MofuPlus 事业内容卡片图片铺满修正
   让左侧图片上下贴满卡片
================================ */

/* 电脑版 */
@media only screen and (min-width: 769px) {

  /* 事业内容卡片整体 */
  #service .serv-item {
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    background: #FFFAF6 !important;
    box-shadow: 0 16px 42px rgba(90, 70, 60, 0.08) !important;
  }

  /* 卡片内部左右布局 */
  #service .serv-item > .row {
    display: flex !important;
    align-items: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-height: 380px !important;
  }

  /* 左侧图片区域 */
  #service .serv-item > .row > .col-md-5 {
    flex: 0 0 42% !important;
    width: 42% !important;
    max-width: 42% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
  }

  /* 右侧文字区域 */
  #service .serv-item > .row > .col-md-7 {
    flex: 0 0 58% !important;
    width: 58% !important;
    max-width: 58% !important;
    padding: 56px 68px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  /* 图片外层全部拉满 */
  #service .serv-item .content-wrap.about-wrap,
  #service .serv-item .blog-media,
  #service .serv-item .box-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* 图片上下铺满卡片 */
  #service .serv-item .box-item img,
  #service .serv-item .respimg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 380px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 28px 0 0 28px !important;
  }

  /* 防止 hover 放大导致边缘溢出太明显 */
  #service .serv-item .box-item:hover img {
    transform: scale(1.04) !important;
  }

  /* 文字标题微调 */
  #service .service-title {
    font-size: 34px !important;
    line-height: 1.55 !important;
    margin-bottom: 28px !important;
  }

  #service .pr-title,
  #service .pr-title-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #service .pr-title-text p {
    font-size: 15px !important;
    line-height: 2.05 !important;
    letter-spacing: 0.05em !important;
  }
}

/* 手机版：图片放在卡片上方并铺满宽度 */
@media only screen and (max-width: 768px) {

  #service .serv-item {
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 26px !important;
  }

  #service .serv-item > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #service .serv-item > .row > .col-md-5,
  #service .serv-item > .row > .col-md-7 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #service .serv-item .blog-media,
  #service .serv-item .box-item {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #service .serv-item .box-item img,
  #service .serv-item .respimg {
    width: 100% !important;
    height: 240px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 26px 26px 0 0 !important;
  }

  #service .serv-item > .row > .col-md-7 {
    padding: 30px 24px 36px 24px !important;
    box-sizing: border-box !important;
  }
}



/* ================================
   MofuPlus 事业内容卡片高度修正
   保持图片铺满，但上下不要太宽
================================ */

@media only screen and (min-width: 769px) {

  /* 卡片高度调回自然一点 */
  #service .serv-item > .row {
    min-height: 200px !important;
    align-items: stretch !important;
  }

  /* 右侧文字上下留白缩小 */
  #service .serv-item > .row > .col-md-7 {
    padding: 34px 60px !important;
    justify-content: center !important;
  }

  /* 图片仍然上下铺满卡片，但高度不要过大 */
  #service .serv-item .box-item img,
  #service .serv-item .respimg {
    height: 100% !important;
    min-height: 200px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* 标题和正文间距收紧一点 */
  #service .service-title {
    margin-bottom: 20px !important;
  }

  #service .pr-title-text p {
    margin-bottom: 18px !important;
    line-height: 1.9 !important;
  }

  #service .pr-title-text ul,
  #service .pr-title-text ol {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
  }

  #service .pr-title-text li {
    line-height: 1.8 !important;
    margin-bottom: 4px !important;
  }
}

/* ================================
   MofuPlus 事业内容卡片高度压缩版
   让图片铺满，但卡片上下不要太高
================================ */

@media only screen and (min-width: 769px) {

  /* 事业内容卡片整体 */
  #service .serv-item {
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 26px !important;
  }

  /* 取消之前的过高 min-height */
  #service .serv-item > .row {
    display: flex !important;
    align-items: stretch !important;
    min-height: unset !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 左侧图片区域 */
  #service .serv-item > .row > .col-md-5 {
    flex: 0 0 42% !important;
    width: 42% !important;
    max-width: 42% !important;
    padding: 0 !important;
    display: flex !important;
  }

  /* 右侧文字区域：上下留白缩小 */
  #service .serv-item > .row > .col-md-7 {
    flex: 0 0 58% !important;
    width: 58% !important;
    max-width: 58% !important;
    padding: 28px 58px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  /* 图片外层铺满左侧 */
  #service .serv-item .blog-media,
  #service .serv-item .box-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* 关键：控制图片高度，减少卡片上下空间 */
  #service .serv-item .box-item img,
  #service .serv-item .respimg {
    display: block !important;
    width: 100% !important;
    height: 320px !important;
    min-height: unset !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 26px 0 0 26px !important;
  }

  /* 标题间距压缩 */
  #service .service-title {
    font-size: 32px !important;
    line-height: 1.45 !important;
    margin-bottom: 18px !important;
  }

  /* 正文间距压缩 */
  #service .pr-title-text p {
    font-size: 14.5px !important;
    line-height: 1.8 !important;
    margin-bottom: 14px !important;
  }

  /* 列表间距压缩 */
  #service .pr-title-text ul,
  #service .pr-title-text ol {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
  }

  #service .pr-title-text li {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    margin-bottom: 3px !important;
  }
}


/* ================================
   MofuPlus 事业内容卡片最终优化版
   缩短上下高度 + 图片铺满 + 排版更大气
================================ */

@media only screen and (min-width: 769px) {

  /* 事业内容卡片整体 */
  #service .serv-item {
    width: min(86vw, 1220px) !important;
    margin: 42px auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 26px !important;
    background: #FFFAF6 !important;
    box-shadow: 0 14px 38px rgba(90, 70, 60, 0.08) !important;
  }

  /* 左右两栏 */
  #service .serv-item > .row {
    display: flex !important;
    align-items: stretch !important;
    min-height: 280px !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* 左侧图片区域 */
  #service .serv-item > .row > .col-md-5 {
    flex: 0 0 42% !important;
    width: 42% !important;
    max-width: 42% !important;
    padding: 0 !important;
    display: flex !important;
  }

  /* 右侧文字区域：缩短上下空间 */
  #service .serv-item > .row > .col-md-7 {
    flex: 0 0 58% !important;
    width: 58% !important;
    max-width: 58% !important;
    padding: 28px 56px !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  /* 图片外层铺满左侧 */
  #service .serv-item .blog-media,
  #service .serv-item .box-item {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 26px 0 0 26px !important;
  }

  /* 图片上下铺满卡片，去掉左下空白 */
  #service .serv-item .box-item img,
  #service .serv-item .respimg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 280px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 26px 0 0 26px !important;
  }

  /* 标题优化 */
  #service .service-title {
    font-size: 30px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.05em !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
    color: #3A3A3A !important;
  }

  /* 正文优化 */
  #service .pr-title-text p {
    font-size: 14px !important;
    line-height: 1.75 !important;
    letter-spacing: 0.04em !important;
    margin: 0 0 16px 0 !important;
    color: #555 !important;
  }

  /* 列表优化 */
  #service .pr-title-text ul,
  #service .pr-title-text ol {
    margin: 0 !important;
    padding-left: 0 !important;
  }

  #service .pr-title-text li {
    font-size: 14px !important;
    line-height: 1.65 !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 3px !important;
    color: #555 !important;
  }

  /* 图片 hover 不要太夸张 */
  #service .serv-item .box-item:hover img {
    transform: scale(1.03) !important;
  }
}






/* ================================
   MofuPlus 手机版 事業内容卡片优化版
   图片、标题、正文、列表整体更协调
================================ */

@media only screen and (max-width: 768px) {

  /* 事业内容卡片整体 */
  #service .serv-item {
    width: calc(100% - 20px) !important;
    margin: 28px auto 34px auto !important;
    padding: 0 !important;
    overflow: hidden !important;

    border-radius: 24px !important;
    background: #FFFAF6 !important;
    box-shadow: 0 10px 28px rgba(90, 70, 60, 0.08) !important;
  }

  /* 取消原模板左右空隙 */
  #service .serv-item > .row {
    margin: 0 !important;
    padding: 0 !important;
  }

  #service .serv-item > .row > .col-md-5,
  #service .serv-item > .row > .col-md-7 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    float: none !important;
  }

  /* 图片区域 */
  #service .serv-item .blog-media,
  #service .serv-item .box-item {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 24px 24px 0 0 !important;
  }

  /* 图片高度优化：不要太高 */
  #service .serv-item .box-item img,
  #service .serv-item .respimg {
    display: block !important;
    width: 100% !important;
    height: 210px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 24px 24px 0 0 !important;
  }

  /* 文字区域 */
  #service .serv-item > .row > .col-md-7 {
    padding: 26px 24px 32px 24px !important;
    box-sizing: border-box !important;
  }

  /* 标题优化 */
  #service .service-title {
    font-size: 25px !important;
    line-height: 1.45 !important;
    letter-spacing: 0.04em !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
    color: #3A3A3A !important;
  }

  /* 正文优化 */
  #service .pr-title-text p {
    font-size: 14px !important;
    line-height: 1.9 !important;
    letter-spacing: 0.04em !important;
    margin: 0 0 22px 0 !important;
    color: #555 !important;
  }

  /* 列表整体 */
  #service .pr-title-text ul,
  #service .pr-title-text ol {
    margin: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
  }

  /* 列表每一行 */
  #service .pr-title-text li {
    position: relative !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 8px !important;
    padding-left: 18px !important;
    color: #555 !important;
  }

  /* 自定义小圆点，比原来的・更精致 */
  #service .pr-title-text li::before {
    content: "・" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #D6AFA0 !important;
    font-weight: bold !important;
  }

  /* 去掉图片 hover 放大，手机版不需要 */
  #service .serv-item .box-item:hover img {
    transform: none !important;
  }
}



/* ================================
   MofuPlus 手机版 事業内容卡片改为参考图排版
   大图在上，文字在下，图片不缩小
================================ */

@media only screen and (max-width: 768px) {

  /* 卡片整体 */
  #service .serv-item {
    width: calc(100% - 20px) !important;
    margin: 24px auto 32px auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background: #FFFAF6 !important;
    box-shadow: 0 10px 28px rgba(90, 70, 60, 0.08) !important;
  }

  /* 去掉原本 row 的间距 */
  #service .serv-item > .row {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  /* 左右栏都改成 100% 宽，上下排列 */
  #service .serv-item > .row > .col-md-5,
  #service .serv-item > .row > .col-md-7 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    padding: 0 !important;
  }

  /* 图片外层 */
  #service .serv-item .blog-media,
  #service .serv-item .box-item {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 24px 24px 0 0 !important;
  }

  /* 图片：不要缩小，按参考图做大图 */
  #service .serv-item .box-item img,
  #service .serv-item .respimg {
    display: block !important;
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 24px 24px 0 0 !important;
  }

  /* 文字区 */
  #service .serv-item > .row > .col-md-7 {
    padding: 22px 24px 28px 24px !important;
    box-sizing: border-box !important;
  }

  /* 标题 */
  #service .service-title {
    font-size: 24px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.04em !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    color: #3A3A3A !important;
  }

  /* 正文 */
  #service .pr-title-text p {
    font-size: 14px !important;
    line-height: 1.9 !important;
    letter-spacing: 0.03em !important;
    margin: 0 0 20px 0 !important;
    color: #555 !important;
  }

  /* 列表 */
  #service .pr-title-text ul,
  #service .pr-title-text ol {
    margin: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
  }

  #service .pr-title-text li {
    position: relative !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.03em !important;
    margin-bottom: 8px !important;
    padding-left: 16px !important;
    color: #555 !important;
  }

  #service .pr-title-text li::before {
    content: "・" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #D6AFA0 !important;
  }

  /* 手机版取消 hover 放大 */
  #service .serv-item .box-item:hover img {
    transform: none !important;
  }
}






/* ================================
   MofuPlus 手机版文字排版优化
   参考图风格：标题/正文/列表上下间距整齐
================================ */

@media only screen and (max-width: 768px) {

  /* 卡片整体 */
  #service .serv-item {
    width: calc(100% - 20px) !important;
    margin: 24px auto 32px auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background: #FFFAF6 !important;
    box-shadow: 0 10px 28px rgba(90, 70, 60, 0.08) !important;
  }

  /* 图片区域 */
  #service .serv-item .box-item,
  #service .serv-item .blog-media {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 24px 24px 0 0 !important;
  }

  #service .serv-item .box-item img,
  #service .serv-item .respimg {
    display: block !important;
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 24px 24px 0 0 !important;
  }

  /* 文字区域整体 */
  #service .serv-item > .row > .col-md-7 {
    padding: 24px 24px 28px 24px !important;
    box-sizing: border-box !important;
  }

  /* 标题 */
  #service .service-title {
    font-size: 23px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    color: #3A3A3A !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
  }

  /* 正文第一段 */
  #service .pr-title-text p {
    font-size: 14px !important;
    line-height: 1.95 !important;
    letter-spacing: 0.03em !important;
    color: #555 !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
  }

  /* 列表容器 */
  #service .pr-title-text ul,
  #service .pr-title-text ol {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* 列表每一项 */
  #service .pr-title-text li {
    position: relative !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
    letter-spacing: 0.03em !important;
    color: #555 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 0 0 16px !important;
  }

  /* 最后一项不要多余空隙 */
  #service .pr-title-text li:last-child {
    margin-bottom: 0 !important;
  }

  /* 列表前的小圆点 */
  #service .pr-title-text li::before {
    content: "・" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #D6AFA0 !important;
    font-weight: 700 !important;
  }

  /* 避免手机版 hover 放大 */
  #service .serv-item .box-item:hover img {
    transform: none !important;
  }
}

/* ================================
   MofuPlus 手机版标题上下居中优化
   让标题居中于图片与下方正文之间
================================ */

@media only screen and (max-width: 768px) {

  /* 文字区域整体 */
  #service .serv-item > .row > .col-md-7 {
    padding: 0 24px 28px 24px !important;
    box-sizing: border-box !important;
  }

  /* 标题：上下距离均衡 */
  #service .service-title {
    display: block !important;
    font-size: 23px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    color: #3A3A3A !important;

    margin: 0 !important;
    padding: 18px 0 18px 0 !important;   /* 上下等距，达到“居中”感觉 */
  }

  /* 标题下面的正文 */
  #service .pr-title-text p:first-of-type {
    margin-top: 0 !important;
  }
}


/* ================================
   MofuPlus 手机版 COMPANY 主标题缩小
================================ */

@media only screen and (max-width: 768px) {

  .section-container .bold-title,
  .section-container .pr-title,
  .section-container .pr-title-text h3 {
    font-size: 26px !important;
    line-height: 1.55 !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 28px !important;
  }
}


/* ================================
   MofuPlus 首页大图：电脑/手机分图
   电脑端使用后台轮播第1张，手机端使用后台轮播第2张
   后台路径：扩展内容 → 轮播图片
================================ */

/* 默认：只显示第1张 */
.hero-content .hero-bg-slide {
  display: none !important;
}

.hero-content .hero-bg-1 {
  display: block !important;
}

/* 电脑端：第1张作为首页大图 */
@media only screen and (min-width: 769px) {
  .hero-content .hero-bg-1 {
    display: block !important;
  }

  .hero-content .hero-bg-2 {
    display: none !important;
  }
}

/* 手机端：第2张作为首页大图 */
@media only screen and (max-width: 768px) {
  .hero-content .hero-bg-1 {
    display: none !important;
  }

  .hero-content .hero-bg-2 {
    display: block !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}



/* ================================
   MofuPlus 左侧竖排文字字体优化
   圆角字体 + 放大
================================ */

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700;800;900&display=swap');

.fixed-title,
.fixed-title a,
.fixed-title span {
  font-family: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
  color: #6B4B3A !important;
}

/* 左侧文字区域稍微更精致 */
.main-footer .fixed-title {
  text-transform: uppercase !important;
}

/* ================================
   MofuPlus 商城跳转区域
   放在事業内容与ABOUT US之间
================================ */

.shop-link-section {
  background: #F7F4EF !important;
  padding: 70px 0 72px 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

.shop-link-section .container {
  position: relative !important;
  z-index: 2 !important;
}

.shop-link-card {
  width: min(86vw, 1220px) !important;
  margin: 0 auto !important;
  padding: 46px 62px !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 34px !important;

  background: rgba(255, 250, 246, 0.92) !important;
  border: 1px solid #E5DED6 !important;
  border-radius: 32px !important;
  box-shadow: 0 16px 42px rgba(90, 70, 60, 0.08) !important;
}

.shop-link-kicker {
  display: inline-block !important;
  margin-bottom: 12px !important;

  color: #D6AFA0 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
}

.shop-link-text h3 {
  margin: 0 0 12px 0 !important;
  color: #3A3A3A !important;
  font-size: 34px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
}

.shop-link-text p {
  margin: 0 !important;
  color: #555 !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
  letter-spacing: 0.04em !important;
}

.shop-link-btn {
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  min-width: 210px !important;
  padding: 16px 34px !important;
  box-sizing: border-box !important;

  background: #D6AFA0 !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  box-shadow: 0 10px 26px rgba(214, 175, 160, 0.36) !important;
  transition: all 0.3s ease !important;
}

.shop-link-btn:hover {
  background: #C79B8B !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 13px 30px rgba(199, 155, 139, 0.46) !important;
}

.shop-link-btn i {
  font-size: 14px !important;
}

@media only screen and (max-width: 768px) {

  .shop-link-section {
    padding: 42px 0 46px 0 !important;
  }

  .shop-link-card {
    width: calc(100% - 24px) !important;
    max-width: 520px !important;
    padding: 34px 24px 36px 24px !important;
    border-radius: 26px !important;

    display: block !important;
    text-align: center !important;
  }

  .shop-link-kicker {
    font-size: 12px !important;
    letter-spacing: 0.14em !important;
  }

  .shop-link-text h3 {
    font-size: 24px !important;
    line-height: 1.45 !important;
    margin-bottom: 14px !important;
  }

  .shop-link-text p {
    font-size: 14px !important;
    line-height: 1.9 !important;
    margin-bottom: 26px !important;
  }

  .shop-link-btn {
    width: 100% !important;
    min-width: 0 !important;
    padding: 15px 24px !important;
    font-size: 14px !important;
  }
}




/* ================================
   MofuPlus 手机版商城卡片居中补丁
   修复 fl-wrap / container 导致卡片偏左
================================ */

@media only screen and (max-width: 768px) {

  .shop-link-section {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .shop-link-section .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;

    display: flex !important;
    justify-content: center !important;
  }

  .shop-link-card,
  .shop-link-card.fl-wrap {
    float: none !important;
    display: block !important;

    width: calc(100% - 32px) !important;
    max-width: 520px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    left: auto !important;
    right: auto !important;
    transform: none !important;

    box-sizing: border-box !important;
    text-align: center !important;
  }

  .shop-link-btn {
    width: 100% !important;
    max-width: 100% !important;
  }
}



/* ================================
   MofuPlus 商城卡片背景不加深补丁
================================ */

/* 商城区块背景保持和页面一致 */
.shop-link-section,
section.shop-link-section {
  background: #F7F4EF !important;
}

/* 防止 section:nth-of-type(even) 把它变深 */
.shop-link-section:nth-of-type(even) {
  background: #F7F4EF !important;
}

/* 商城卡片保持轻柔，不加深 */
.shop-link-card {
  background: #FFFAF6 !important;
  box-shadow: 0 10px 30px rgba(90, 70, 60, 0.06) !important;
}

/* 如果模板有伪元素背景，也一起取消 */
.shop-link-section::before,
.shop-link-section::after {
  background: transparent !important;
}