/* Latest homepage visual system; DOM order and copy unchanged. */
/* 嘉名最新版首页规范：仅改变视觉，不调整页面 DOM、内容与模块顺序。 */
:root {
  --paper: #f8f7f5;
  --bg-primary: #f8f7f5;
  --bg-main: #f8f7f5;
  --bg-subtle: #f3eee6;
  --bg-secondary: #f3eee6;
  --bg-surface: #efeae4;
  --ink: #000;
  --text-main: #000;
  --color-primary: #000;
  --muted: #000;
  --text-muted: #000;
  --moss: #856654;
  --accent: #856654;
  --gold: #d7b784;
  --line: #d8d1c8;
  --line-light: #e9e3db;
  --color-brand: #856654;
  --color-brand-light: #856654;
  --container-max: 1200px;
  --page-width: 1200px;
  --radius-lg: 25px;
  --radius-xl: 28px;
  --header-height: 70px;
  --serif: "Songti SC", "STSong", "SimSun", serif;
  --font-serif: var(--serif);
  --sans: var(--serif);
}
html,
body {
  background: #f8f7f5 !important;
  color: #000 !important;
}
body {
  font-family: var(--serif) !important;
  font-size: 14px;
  line-height: 1.85;
}
h1,
h2,
h3,
h4 {
  font-family: var(--serif) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}
h1,
.hero-title,
.hero-copy h1,
.hero-copy h2,
.page-title,
.page-intro h1,
.teacher-detail-copy h1 {
  font-size: 48px !important;
  color: #000 !important;
}
h2,
.section-intro h2,
.section-heading h2,
.culture-block-heading,
.services-category-title,
.teacher-detail-block h2,
.about-block h2 {
  font-size: 35px !important;
  color: #000 !important;
}
h3 {
  font-size: 18px !important;
  color: #000 !important;
}
main p,
main li {
  color: #000 !important;
}
p {
  line-height: 1.85;
}
main p {
  font-size: 14px !important;
}
.hero-description,
.section-intro > p,
.section-heading > p,
.page-intro > p,
.services-category-sub {
  font-size: 16px !important;
}
.section-intro,
.section-heading {
  margin-bottom: 42px !important;
}
.section-intro h2,
.section-heading h2 {
  margin-bottom: 12px !important;
}
.section-intro > p,
.section-heading > p {
  line-height: 1.8 !important;
}
/* 主体宽度保留原有布局层级；嵌套容器不另加边距。 */
.wrap,
.container {
  width: calc(100% - 80px) !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.wrap .wrap,
.container .container {
  width: 100% !important;
}
.advantages-layout {
  grid-template-columns: minmax(0, 34fr) minmax(0, 66fr) !important;
  gap: 40px !important;
}
.section,
main > section.wrap,
.culture-anchor-section > .wrap {
  padding-top: 80px;
  padding-bottom: 80px;
}
.page-intro {
  padding-top: 60px !important;
  padding-bottom: 50px !important;
}
.teacher-detail,
.article-page {
  padding-top: 50px !important;
  padding-bottom: 80px !important;
}
.prose {
  max-width: 900px;
  margin: auto;
}
.prose p,
.prose li {
  font-size: 16px !important;
  line-height: 2 !important;
}
.prose h2 {
  margin: 40px 0 20px !important;
}
/* 导航、胶囊按钮与输入控件。 */
#site-header {
  background: #fff !important;
}
.jm-header {
  min-height: 70px !important;
}
.jm-nav-link {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000 !important;
}
.jm-logo img {
  max-height: 42px;
  width: auto;
  object-fit: contain;
}
.pill,
.button,
.query-btn,
.teachers-nav-item,
.inspiration-tab,
.inspiration-page-btn {
  border-radius: 999px !important;
  font-size: 14px !important;
  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease !important;
}
.pill,
.button {
  min-height: 44px;
  padding: 11px 24px !important;
}
.pill.filled,
.pill-solid,
.button.primary,
.button--primary {
  background: #383129 !important;
  color: #fff !important;
  border: 1px solid #383129 !important;
}
.pill-outline,
.button.outline {
  background: transparent !important;
  color: #000 !important;
  border: 1px solid #8e8579 !important;
}
.pill:hover,
.button:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 18px #00000012;
}
.query-btn:hover,
.inspiration-tab.active,
.inspiration-page-btn.active {
  background: #856654 !important;
  color: #fff !important;
  border-color: #856654 !important;
}
.hero-description {
  max-width: 480px;
  line-height: 1.9 !important;
}
.hero-image-wrap img {
  border-radius: 22px !important;
}
.hero-banner-section {
  background: #f3eee6 !important;
  padding-top: 35px !important;
  padding-bottom: 38px !important;
}
.hero-swipe-slide {
  gap: 60px !important;
}
.hero-arrow-btn {
  width: 36px;
  height: 36px;
  border-radius: 50% !important;
}
.small-rule,
.rule {
  background: #da922b !important;
}
/* 三合卡片保留原文与原三个内容块。 */
.harmony-card {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid #b9b5ae !important;
  border-radius: 0 !important;
  padding: 10px 24px !important;
  text-align: center !important;
  min-height: 0 !important;
}
.harmony-card:last-child {
  border-right: 0 !important;
}
.harmony-card h3 {
  font-size: 20px !important;
  margin-bottom: 12px !important;
}
.harmony-card p {
  font-size: 16px !important;
}
.harmony-cards {
  gap: 0 !important;
}
.pillars-section {
  padding-top: 65px !important;
  padding-bottom: 70px !important;
}
/* 浅色圆角卡片、六大优势区。 */
.expert-custom-card,
.service-card,
.product-card,
.teacher-summary-card,
.trouble-card,
.inspiration-card,
.name-card,
.v2-article-item,
.v2-lisao-card,
.services-notice-section,
.about-mission,
.article-callout {
  border-radius: 25px !important;
  background: #efeae4 !important;
  border: 0 !important;
  box-shadow: none;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease !important;
}
.service-card:hover,
.product-card:hover,
.teacher-summary-card:hover,
.trouble-card:hover,
.inspiration-card:hover,
.name-card:hover,
.v2-article-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 25px #00000012 !important;
}
.service-card h3,
.product-card h3,
.teacher-summary-body h2,
.advantage-item h3,
.name-card h3 {
  font-size: 18px !important;
}
.service-card p,
.product-card p,
.teacher-summary-body p,
.advantage-item p,
.name-card p {
  font-size: 15px !important;
  line-height: 1.9 !important;
}
.teacher-summary-photo,
.teacher-detail-photo,
.salon-video-container,
.salon-video-wrapper,
.editorial-figure img,
.comparison-table-wrap,
.comparison-table-wrapper {
  border-radius: 25px !important;
  overflow: hidden;
}
.teacher-summary-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.advantages-section {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
  background: #856654 !important;
  box-shadow: 0 0 0 100vmax #856654;
  clip-path: inset(0 -100vmax);
}
.advantages-section .section-intro h2 {
  color: #fff !important;
}
.advantages-section .pill-outline {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.8) !important;
}
.advantages-grid-6 {
  gap: 28px !important;
}
.advantage-item {
  background: #efeae4 !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 25px !important;
  padding: 26px !important;
  transition:
    transform 0.3s,
    box-shadow 0.3s;
}
.advantage-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 25px #00000018;
}
.advantage-item h3,
.advantage-item p {
  color: #000 !important;
}
/* 文章图片完整 push-down 覆层；下方文字仅变为 #690000。 */
.guandian-card,
.culture-guandian-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.guandian-card:hover,
.culture-guandian-card:hover {
  transform: none !important;
  box-shadow: none !important;
}
.guandian-thumb,
.culture-guandian-thumb {
  position: relative !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #856654 !important;
  isolation: isolate;
}
.guandian-thumb::before,
.culture-guandian-thumb::before {
  content: "查看文章";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  background: #856654;
  opacity: 0;
  transition: opacity 0.3s;
}
.guandian-thumb img,
.culture-guandian-thumb img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.2, 0.65, 0.3, 1) !important;
}
.guandian-card:hover .guandian-thumb img,
.guandian-card:focus-within .guandian-thumb img,
.culture-guandian-card:hover .culture-guandian-thumb img,
.culture-guandian-card:focus-within .culture-guandian-thumb img {
  transform: translateY(100%) !important;
}
.guandian-card:hover .guandian-thumb::before,
.guandian-card:focus-within .guandian-thumb::before,
.culture-guandian-card:hover .culture-guandian-thumb::before,
.culture-guandian-card:focus-within .culture-guandian-thumb::before {
  opacity: 1;
}
.guandian-body,
.culture-guandian-body {
  padding: 18px 0 !important;
}
.guandian-body h3,
.culture-guandian-body h3 {
  font-size: 18px !important;
}
.guandian-body p,
.culture-guandian-body p {
  font-size: 14px !important;
}
.guandian-body h3,
.guandian-body p,
.culture-guandian-body h3,
.culture-guandian-body p {
  color: #000 !important;
  transition: color 0.3s;
}
.guandian-card:hover .guandian-body h3,
.guandian-card:hover .guandian-body p,
.culture-guandian-card:hover .culture-guandian-body h3,
.culture-guandian-card:hover .culture-guandian-body p {
  color: #690000 !important;
}
.srv-arrow svg,
.service-card svg,
.appointment-arrow {
  width: 16px !important;
  height: 16px !important;
}
/* 评价及全白文字页脚。 */
.review-card {
  background: #856654 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 28px !important;
  padding: 28px !important;
  min-height: 300px;
}
.review-card p,
.review-card span,
.review-card .review-meta {
  color: #fff !important;
}
.review-body {
  font-size: 18px !important;
}
.review-badge,
.review-avatar {
  background: #97846e !important;
  color: #fff !important;
  border-radius: 999px !important;
}
.review-user-info {
  border-top: 0 !important;
}
.reviews-marquee-container {
  height: 390px !important;
}
.review-card .review-body {
  font-size: 18px !important;
}
.reviews-section {
  background: #f3eee6 !important;
  padding-top: 65px !important;
  padding-bottom: 80px !important;
}
#site-footer {
  background: #39322c !important;
  color: #fff !important;
}
.jm-footer {
  background: transparent !important;
  padding-top: 65px !important;
  padding-bottom: 30px !important;
}
.jm-footer p,
.jm-footer a,
.jm-footer h4,
.jm-footer span,
.jm-footer button {
  color: #fff !important;
}
.jm-footer .jm-logo img {
  filter: grayscale(1) invert(1);
  mix-blend-mode: screen;
}
.jm-footer .pill,
.jm-footer .button {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  color: #fff !important;
  border-radius: 999px !important;
}
.jm-footer .pill:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}
.platform-badge {
  background: rgba(255, 255, 255, 0.12) !important;
}
.footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.2) !important;
}
.consult-dialog {
  background: #f8f7f5 !important;
  border-radius: 25px !important;
}
.consult-dialog h2 {
  font-size: 30px !important;
}
.consult-dialog p {
  font-size: 14px !important;
}
/* 新增入场动画使用独立类，不干扰原轮播、分页与折叠。 */
.jm-preview-enter {
  opacity: 1;
  transform: none;
  transition:
    opacity 0.75s ease,
    transform 0.75s cubic-bezier(0.2, 0.7, 0.3, 1);
}
.jm-preview-enter.jm-preview-pending {
  opacity: 0;
  transform: translateY(22px);
}
@media (max-width: 1000px) {
  .wrap,
  .container {
    width: calc(100% - 48px) !important;
  }
  .advantages-layout {
    gap: 26px !important;
    grid-template-columns: minmax(0, 30fr) minmax(0, 70fr) !important;
  }
  .advantage-item {
    padding: 22px !important;
  }
  .hero-swipe-slide {
    gap: 30px !important;
  }
  .jm-header {
    gap: 18px !important;
  }
}
@media (max-width: 850px) {
  h1,
  .hero-title,
  .hero-copy h1,
  .hero-copy h2,
  .page-title,
  .page-intro h1 {
    font-size: 40px !important;
  }
  .hero-swipe-slide {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
  .hero-copy,
  .hero-image-wrap {
    min-width: 0;
  }
  .section,
  main > section.wrap,
  .culture-anchor-section > .wrap {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .advantages-layout {
    grid-template-columns: 1fr !important;
  }
  .advantages-grid-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .harmony-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .harmony-card {
    padding: 10px 14px !important;
  }
  .product-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .teacher-detail-top {
    grid-template-columns: 1fr !important;
  }
  .teacher-detail-photo {
    max-width: 350px;
  }
  .page-intro {
    padding-top: 45px !important;
    padding-bottom: 35px !important;
  }
  .jm-header {
    min-height: 64px !important;
  }
  .jm-footer {
    padding-top: 55px !important;
  }
}
@media (max-width: 600px) {
  .wrap,
  .container {
    width: calc(100% - 36px) !important;
  }
  .wrap .wrap {
    width: 100% !important;
  }
  h1,
  .hero-title,
  .hero-copy h1,
  .hero-copy h2,
  .page-title,
  .page-intro h1 {
    font-size: 38px !important;
  }
  h2,
  .section-intro h2,
  .section-heading h2,
  .culture-block-heading,
  .services-category-title,
  .teacher-detail-block h2 {
    font-size: 32px !important;
  }
  .hero-swipe-slide {
    grid-template-columns: 1fr !important;
  }
  .harmony-cards,
  .advantages-grid-6,
  .product-cards-grid,
  .teacher-summary-grid {
    grid-template-columns: 1fr !important;
  }
  .harmony-card {
    border-right: 0 !important;
    border-bottom: 1px solid #d8d1c8 !important;
    padding: 24px 0 !important;
  }
  .harmony-card:last-child {
    border-bottom: 0 !important;
  }
  .advantages-section {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .hero-description {
    max-width: none;
  }
  .guandian-body h3,
  .culture-guandian-body h3 {
    font-size: 18px !important;
  }
  .services-notice-grid {
    grid-template-columns: 1fr !important;
  }
  .review-card {
    width: 300px !important;
  }
  .jm-footer .footer-top-grid {
    gap: 30px !important;
  }
  .prose p,
  .prose li {
    font-size: 16px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
  .jm-preview-enter.jm-preview-pending {
    opacity: 1;
    transform: none;
  }
}

/* 将首页纸纹和灵感库控件统一到最新视觉规范。 */
.hero-swipe-slide:first-child .hero-title {
  width: 7.3em !important;
  max-width: 100% !important;
  letter-spacing: 0 !important;
  word-break: break-all !important;
  overflow-wrap: normal !important;
}
.hero-banner-section {
  background-image: url("/assets/asset-5725037f28fa9f05819c.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}
.inspiration-tab-btn,
.pagination-btn {
  border-radius: 999px !important;
  font-size: 14px !important;
}
.inspiration-tab-btn.active,
.pagination-btn.active {
  background: #856654 !important;
  color: #fff !important;
  border-color: #856654 !important;
}
.inspiration-name-hz {
  font: 400 18px/1.6 var(--serif) !important;
  color: #000 !important;
}
.inspiration-card p,
.inspiration-quote {
  font-size: 15px !important;
  line-height: 1.9 !important;
}
/* 页面标题与分类区域统一留白，不改变分类/文章区域的次序。 */
.culture-anchor-section {
  background: #f8f7f5 !important;
}
.culture-centered-banner {
  padding: 60px 0 50px !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
}