/* Original site behavior measured at 2560px: banner stays at its 2:1 ratio. */
.hero {
  height: 50vw;
  min-height: 710px;
}

.hero-copy {
  inset: auto 0 35%;
  text-align: right;
}

.hero-copy div {
  justify-content: flex-end;
}

/* The source card is viewport-fluid, with a consistent 20px edge inset. */
.time-card {
  width: auto;
  right: 20px;
}

.clock-section {
  margin-bottom: 40px;
}

.opportunity {
  min-height: 994px;
}

html {
  scrollbar-width: none;
}

/* 泓慈官网内容区 */
.brand { width: 190px; }
.brand span { letter-spacing: 2px; }
.policy { height: auto; min-height: 620px; background: #101010; }
.policy h2 { margin: 10px 0 55px; font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 46px; font-weight: 700; letter-spacing: 3px; }
.timeline { display: grid; grid-template-columns: repeat(6,1fr); gap: 18px; padding-bottom: 70px; }
.timeline article { min-height: 180px; padding: 28px 20px; border-top: 2px solid var(--gold); background: #191919; }
.timeline b { color: var(--gold); font-size: 30px; }
.timeline p { color: #ccc; }
.pain { background: #f3f0e9; color: #211b16; min-height: 560px; }
.pain h2 { font: 700 48px KaiTi,serif; margin: 0 0 55px; }
.pain-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 34px; }
.pain-grid article { min-height: 280px; padding: 42px; background-color: #fff; background-image: linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),url('../images/pain-triptych-ai.webp'); background-size: 300% 100%; background-repeat: no-repeat; border-bottom: 3px solid #b99855; box-shadow: 0 8px 24px rgba(40,30,20,.08); }
.pain-grid article:nth-child(1) { background-position: left center; }
.pain-grid article:nth-child(2) { background-position: center center; }
.pain-grid article:nth-child(3) { background-position: right center; }
.pain-grid b { color: #b99855; font-size: 34px; }
.pain-grid h3 { font-size: 25px; }
.pain-grid p { color: #666; }
.opportunity-grid { grid-template-columns: repeat(3,1fr); gap: 24px; }
.opportunity-grid:before { display: none; }
.opportunity-grid article { min-height: 240px; padding: 30px; background: #fff; color: #222; border-top: 3px solid #b99855; box-shadow: 0 10px 28px rgba(0,0,0,.12); }
.opportunity-grid i { width: 54px; height: 54px; margin: 0 0 24px; border: 1px solid #b99855; background: transparent; color: #9b7129; font-size: 24px; }
.opportunity-grid h3 { margin: 0 0 14px; text-align: left; font-size: 18px; }
.opportunity-grid p { margin: 0; text-align: left; color: #555; }
.opportunity-grid p b { color: #8f1717; font-size: 44px; }
.idea { height: auto; min-height: 700px; }
.solution-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; padding-bottom: 70px; }
.solution-grid article { min-height: 315px; padding: 30px 24px; border: 1px solid #6d5325; }
.solution-grid b { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid var(--gold); border-radius: 50%; font: 30px KaiTi; }
.solution-grid h3 { font-size: 20px; color: var(--gold); }
.solution-grid p { color: #b9a77f; line-height: 1.9; }
.opportunity { min-height: 940px; }
.market-note { margin: 70px auto 30px; padding: 24px 30px; width: 900px; color: #ddd; border: 1px solid #555; text-align: center; }

/* 首页内容区改为灰白交替，统一使用清晰、稳重的中式品牌配色。 */
.policy {
  background: #f4f4f2;
  color: #171717;
}
.timeline article {
  background: #fff;
  border-color: #b99855;
  box-shadow: 0 8px 24px rgba(25, 25, 20, .06);
}
.timeline p {
  color: #444;
}

.pain {
  background: #fff;
}
.pain h2 {
  font-family: "Microsoft YaHei", Arial, sans-serif;
  font-size: 46px;
  font-weight: 700;
  letter-spacing: 3px;
}

.idea {
  background: #f4f4f2;
  color: #171717;
}
.idea .quote,
.idea h2 {
  color: #171717;
}
.idea .quote {
  display: none;
}
.idea h2 {
  font-family: "Microsoft YaHei", Arial, sans-serif;
  font-size: 46px;
  font-weight: 700;
  letter-spacing: 3px;
}
.solution-grid article {
  background: #fff;
  border-color: #d8c49b;
  box-shadow: 0 8px 24px rgba(25, 25, 20, .06);
}
.solution-grid b,
.solution-grid h3 {
  color: #9b7129;
  border-color: #b99855;
}
.solution-grid p {
  color: #555;
}

.opportunity {
  background: #fff;
  color: #171717;
}
.opportunity-grid article {
  background: #f4f4f2;
  box-shadow: 0 8px 24px rgba(25, 25, 20, .07);
}
section.opportunity {
  background-color: #fff;
  color: #171717;
}
.opp-title h2 {
  color: #171717;
  font-family: "Microsoft YaHei", Arial, sans-serif;
  font-size: 46px;
  font-weight: 700;
  letter-spacing: 3px;
}

/* 2026-08-31 首页客户反馈调整 */
.site-header nav {
  gap: 38px;
}
.hero-copy {
  inset: auto 0 35%;
}
.hero-copy p {
  width: 840px;
  margin: 0 0 20px auto;
  color: var(--gold);
  font-size: 30px;
  font-weight: 500;
  line-height: 1.7;
}
.hero-copy h1 {
  width: 760px;
  margin: 0 0 40px auto;
  color: #fff;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.45;
}
.hero-copy div { width: 730px; margin-left: auto; gap: 22px; }
.hero-copy span { flex: 1; width: auto; }
.policy { padding-bottom: 34px; }
.timeline { padding-bottom: 24px; }
.pain, .idea { padding-top: 46px; padding-bottom: 46px; }
.timeline article {
  min-height: 225px;
}
.timeline p {
  line-height: 1.75;
}
.solution-grid strong {
  display: block;
  margin-top: 18px;
  color: #8f651e;
  font-size: 16px;
  line-height: 1.8;
}
.opportunity {
  min-height: 1120px;
  text-align: left;
}
.opp-title {
  margin-bottom: 38px;
}
.opp-title > img {
  display: block;
  width: 68px;
  height: 68px;
  margin: 0 0 18px;
}
.opp-title h2 {
  margin: 0;
  text-align: left;
}
.opportunity-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.opportunity-grid article {
  min-height: 255px;
}
.opportunity-grid p b {
  font-size: 39px;
}
.opportunity-grid small {
  display: block;
  margin-top: 12px;
  color: #666;
  font-size: 15px;
}
footer,
footer nav a,
footer p a {
  color: #444;
}
footer nav a:hover {
  color: #8f651e;
}
footer { height: 230px; }
footer .contact { padding-top: 28px; }
footer nav { margin: 22px 0; }
footer nav a { font-size: 16px; }
.opportunity { min-height: 0; padding-bottom: 55px; }

/* 手机端：首页首屏随屏幕缩放，标题与三项标签保持同宽对齐。 */
@media (max-width: 767px) {
  .site-shell { min-width: 0; width: 100%; }
  .wrap { width: auto; margin: 0 20px; }
  .site-header { height: 68px; }
  .brand { width: 138px; height: 58px; }
  .site-header nav { display: none; }
  .hero { height: 100svh; min-height: 560px; max-height: 760px; margin-top: -68px; }
  .hero > img { object-position: 38% center; }
  .hero-copy {
    inset: auto 20px 12%;
    width: auto;
    margin: 0;
    text-align: left;
  }
  .hero-copy p,
  .hero-copy h1,
  .hero-copy div { width: 100%; margin-left: 0; }
  .hero-copy p { margin-bottom: 10px; font-size: clamp(17px, 5vw, 22px); line-height: 1.5; }
  .hero-copy h1 { margin-bottom: 24px; font-size: clamp(30px, 9vw, 42px); line-height: 1.35; }
  .hero-copy div { gap: 8px; }
  .hero-copy span { height: 46px; padding: 0 4px; font-size: 13px; white-space: nowrap; }
  .section-pad { padding: 48px 0; height: auto; min-height: 0; }
  .policy h2,
  .pain h2,
  .idea h2,
  .opp-title h2 { margin-bottom: 28px; font-size: 30px; letter-spacing: 1px; }
  .timeline,
  .pain-grid,
  .solution-grid,
  .opportunity-grid { grid-template-columns: 1fr; gap: 16px; padding-bottom: 0; }
  .timeline article,
  .pain-grid article,
  .solution-grid article,
  .opportunity-grid article { min-height: 0; padding: 24px 20px; }
  footer { height: auto; padding-bottom: 24px; }
  footer .contact { text-align: left; line-height: 2; }
  footer nav { flex-wrap: wrap; row-gap: 12px; }
  footer nav a { padding: 0 10px; }
}