/* Adobe Source Han Sans CN, bundled locally under the SIL Open Font License. */
@font-face {
  font-family: 'MaterialWorld Source Han Sans';
  src: url('../fonts/SourceHanSansCN-Site.woff2') format('woff2');
  font-style: normal;
  font-weight: 250 900;
  font-display: block;
}
html body, html body * {
  font-family: 'MaterialWorld Source Han Sans', 'Microsoft YaHei', sans-serif !important;
}

/* Clean standalone KETAI brand mark in site-header */
.site-header .brand { display:flex!important; align-items:center!important; width:auto!important; flex:0 0 auto!important; line-height:0; text-decoration:none; gap:0!important; }
.site-header .brand { width: auto !important; flex: none !important; display: flex; align-items: center; }
.site-header .brand .ketai-header-logo { display:block!important; width:auto!important; height:50px!important; max-height:50px!important; object-fit:contain; }
.site-header .brand .combined-header-logo { display:none!important; }
.site-header .nav { margin-left: 28px !important; margin-right: auto !important; }
.site-header .header-tools { margin-left: auto !important; }
.ketai-company-mark { width:142px; }
.company-story .ketai-company-mark { width:132px; }
.footer-grid .ketai-footer-mark img { width:116px; }
@media(max-width:950px) { .site-header .brand .ketai-header-logo { height:44px!important; max-height:44px!important; } }
@media(max-width:760px) { .site-header .brand .ketai-header-logo { height:38px!important; max-height:38px!important; } .site-header .nav { margin-left: 0 !important; } }
@media(max-width:360px) { .site-header .brand .ketai-header-logo { height:32px!important; max-height:32px!important; } }

/* Utility bar WeChat & slogan emphasis - unified to #63676e */
.utility-bar .utility-slogan { font-weight: 500; letter-spacing: 0.02em; color: #63676e !important; }
.utility-bar .utility-contacts { display: flex; align-items: center; gap: 16px; }
.utility-bar .utility-wechat-highlight { display: inline-flex; align-items: center; color: #63676e !important; text-decoration: none; font-weight: 500; }
.utility-bar .utility-wechat-highlight strong { color: #63676e !important; font-family: var(--mono); font-weight: 500; margin-left: 2px; }
.utility-bar .utility-wechat-highlight:hover { color: var(--red) !important; }
.utility-bar .utility-wechat-highlight:hover strong { color: var(--red) !important; }
.utility-bar .wechat-badge { background: #07c160; color: #ffffff !important; padding: 1px 6px; border-radius: 3px; font-size: 11px; font-weight: 600; margin-right: 5px; line-height: 1.4; display: inline-block; }
.utility-bar .utility-email { color: #63676e !important; }
.utility-bar .utility-email:hover { color: var(--red) !important; }

/* Ensure hero period dot matches exact brand accent red */
.hero-copy h1 .hero-stop {
  color: #aa2837 !important;
}

/* Navigation Accent Red '联系我们' Button */
.nav a.nav-contact-btn {
  background: #aa2837 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 5px 16px !important;
  border-radius: 4px;
  margin-left: 6px;
  box-shadow: 0 2px 6px rgba(170, 40, 55, 0.28);
  transition: all 0.15s ease;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  line-height: 1.4;
}
.nav a.nav-contact-btn:hover {
  background: #8e1f2c !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(170, 40, 55, 0.38);
}
.nav a.nav-contact-btn.current {
  background: #731722 !important;
  color: #ffffff !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.25);
}
/* Completely remove the ::after underline from the pill button */
.nav a.nav-contact-btn:after,
.nav a.nav-contact-btn::after,
.nav a.nav-contact-btn.current:after,
.nav a.nav-contact-btn.current::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}

@media(max-width: 950px) {
  .nav a.nav-contact-btn { margin-left: 0; margin-top: 6px; width: 100%; justify-content: center; text-align: center; }
}

/* Contact page integrated WeChat box & clear editorial structure */
.contact-wechat-box {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 3px solid #07c160;
  border-radius: 4px;
  padding: 12px 14px;
  margin-top: 18px;
  margin-bottom: 20px;
}
.contact-wechat-box img {
  width: 84px;
  height: 84px;
  border-radius: 3px;
  border: 1px solid #cbd5e1;
  background: #fff;
  padding: 2px;
  flex: none;
}
.contact-wechat-box .wechat-pill {
  display: inline-block;
  background: #e8f8ef;
  color: #07c160;
  font-size: 11px;
  font-weight: 600;
  padding: 1px 7px;
  border-radius: 10px;
  margin-bottom: 4px;
}
.contact-wechat-box strong {
  display: block;
  font-size: 16px;
  color: #0f172a;
  font-family: var(--mono);
  letter-spacing: 0.02em;
}
.contact-wechat-box p {
  font-size: 11px;
  color: #64748b;
  margin: 2px 0 0;
  line-height: 1.4;
}
.contact-qr-matrix {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
.contact-qr-card {
  text-align: center;
  background: #fdfdfd;
  border: 1px solid #e5e7eb;
  padding: 12px 8px;
  border-radius: 4px;
}
.contact-qr-card img {
  width: 80px;
  height: 80px;
  border-radius: 3px;
  display: block;
  margin: 0 auto 6px;
}
.contact-qr-card span {
  font-size: 11px;
  color: #4b5563;
  display: block;
  line-height: 1.3;
}
@media (max-width: 760px) {
  .contact-qr-matrix { grid-template-columns: repeat(2, 1fr); }
}